diff --git a/client/modules/_hooks/src/datafiles/projects/types.ts b/client/modules/_hooks/src/datafiles/projects/types.ts
index 29f27e681..55415964e 100644
--- a/client/modules/_hooks/src/datafiles/projects/types.ts
+++ b/client/modules/_hooks/src/datafiles/projects/types.ts
@@ -160,6 +160,7 @@ export type TPreviewTreeData = {
   uuid: string;
   value: TEntityValue;
   order: number;
+  version?: number;
   publicationDate?: string;
   children: TPreviewTreeData[];
 };
diff --git a/client/modules/datafiles/src/projects/ProjectCitation/ProjectCitation.tsx b/client/modules/datafiles/src/projects/ProjectCitation/ProjectCitation.tsx
index 6fd4f8748..2bd28c938 100644
--- a/client/modules/datafiles/src/projects/ProjectCitation/ProjectCitation.tsx
+++ b/client/modules/datafiles/src/projects/ProjectCitation/ProjectCitation.tsx
@@ -67,8 +67,8 @@ export const PublishedCitation: React.FC<{
         )
         .join(', ')}{' '}
       ({new Date(entityDetails.publicationDate).getFullYear()}). "
-      {entityDetails.value.title}", in <i>{data.baseProject.title}</i>.
-      DesignSafe-CI.{' '}
+      {entityDetails.value.title}", in <i>{data.baseProject.title}</i>
+      {(version ?? 1) > 1 && <span> [Version {version}]</span>}. DesignSafe-CI.{' '}
       {doi && (
         <a
           href={`https://doi.org/${doi}`}
diff --git a/client/modules/datafiles/src/projects/ProjectPreview/ProjectPreview.tsx b/client/modules/datafiles/src/projects/ProjectPreview/ProjectPreview.tsx
index 305ea7646..ef8e3a999 100644
--- a/client/modules/datafiles/src/projects/ProjectPreview/ProjectPreview.tsx
+++ b/client/modules/datafiles/src/projects/ProjectPreview/ProjectPreview.tsx
@@ -271,7 +271,11 @@ export const PublishedEntityDisplay: React.FC<{
         {preview ? (
           <ProjectCitation projectId={projectId} entityUuid={treeData.uuid} />
         ) : (
-          <PublishedCitation projectId={projectId} entityUuid={treeData.uuid} />
+          <PublishedCitation
+            projectId={projectId}
+            entityUuid={treeData.uuid}
+            version={treeData.version ?? 1}
+          />
         )}
         <br />
         {citationMetrics && (
diff --git a/client/src/datafiles/layouts/published/PublishedDetailLayout.tsx b/client/src/datafiles/layouts/published/PublishedDetailLayout.tsx
index 2de053ad8..0319b8f21 100644
--- a/client/src/datafiles/layouts/published/PublishedDetailLayout.tsx
+++ b/client/src/datafiles/layouts/published/PublishedDetailLayout.tsx
@@ -50,6 +50,11 @@ export const PublishedDetailLayout: React.FC = () => {
   const { data, isError } = usePublicationDetail(projectId ?? '');
   const { allVersions } = usePublicationVersions(projectId ?? '');
   const version = (projectId ?? '').split('v')[1];
+  const selectedVersion =
+    version ||
+    searchParams.get('version') ||
+    Math.max(...allVersions).toString();
+
   useEffect(() => {
     if (version) {
       const newSearchParams = new URLSearchParams(searchParams);
@@ -62,11 +67,6 @@ export const PublishedDetailLayout: React.FC = () => {
   useEffect(() => {
     if (!data) return;
 
-    const selectedVersion =
-      version ||
-      searchParams.get('version') ||
-      Math.max(...allVersions).toString();
-
     data?.baseProject.projectType !== 'other' &&
       apiClient.get(
         `/api/datafiles/tapis/public/listing/designsafe.storage.published/${projectId}${
@@ -75,7 +75,7 @@ export const PublishedDetailLayout: React.FC = () => {
             : ''
         }`
       );
-  }, [data, allVersions, searchParams, version, projectId]);
+  }, [data, selectedVersion, searchParams, projectId]);
 
   if (isError) {
     return (
@@ -171,6 +171,7 @@ export const PublishedDetailLayout: React.FC = () => {
             <PublishedCitation
               projectId={projectId}
               entityUuid={data.tree.children[0].uuid}
+              version={parseInt(selectedVersion)}
             />
             <br />
             <div>