diff --git a/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.module.scss b/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.module.scss
index 5311dee53..7f4a2985d 100644
--- a/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.module.scss
+++ b/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.module.scss
@@ -141,6 +141,62 @@
         &:hover {
             text-decoration: underline;
         }
+
+        &[target] {
+            &::after {
+                content: "";
+                -webkit-mask-repeat: no-repeat;
+                mask-repeat: no-repeat;
+                -webkit-mask-position: center;
+                mask-position: center;
+                -webkit-mask-size: 12px 12px;
+                mask-size: 12px 12px;
+                -webkit-mask-image: url(./assets/external-link.svg);
+                mask-image: url(./assets/external-link.svg);
+                width: 12px;
+                height: 12px;
+                display: inline-block;
+                background-color: currentColor;
+                margin-left: $sp-1;
+            }
+        }
+    }
+
+    table {
+        display: block;
+        overflow-x: auto;
+        max-width: 100%;
+        border-collapse: collapse;
+    }
+
+    th,
+    td {
+        border: 1px solid $black-20;
+        padding: 10px;
+        text-align: left;
+        vertical-align: top;
+    }
+
+    pre {
+        background: $black-10;
+        border-radius: 8px;
+        padding: 16px;
+        overflow-x: auto;
+        white-space: pre-wrap;
+        word-break: break-word;
+    }
+
+    code {
+        background: $black-10;
+        border-radius: 4px;
+        padding: 2px 4px;
+    }
+
+    blockquote {
+        border-left: 4px solid $black-20;
+        color: $black-80;
+        padding-left: 16px;
+        margin: 0;
     }
 }
 
@@ -244,7 +300,7 @@
 }
 
 .challengeTitle {
-    color: $black-100;
+    color: $link-blue-dark;
     font-family: Roboto;
     font-size: 16px;
     font-weight: 500;
@@ -252,7 +308,6 @@
     text-decoration: none;
 
     &:hover {
-        color: $link-blue-dark;
         text-decoration: none;
     }
 }
@@ -268,12 +323,28 @@
     display: flex;
     flex-wrap: wrap;
     align-items: center;
-    gap: 8px;
     color: $black-80;
     font-family: Roboto;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
+    min-width: 220px;
+
+    span {
+        display: flex;
+        align-items: center;
+    }
+}
+
+.statSeparator::before {
+    display: block;
+    content: "";
+    border-radius: 50%;
+    width: 3px;
+    height: 3px;
+    background: url('data:image/svg+xml,<svg width="3" height="3" viewBox="0 0 3 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.36035C0 0.963867 0.125326 0.638021 0.375977 0.382812C0.631185 0.127604 0.968424 0 1.3877 0C1.80241 0 2.13965 0.125326 2.39941 0.375977C2.65918 0.62207 2.78906 0.957031 2.78906 1.38086V1.63379C2.78906 2.03027 2.66374 2.35384 2.41309 2.60449C2.16243 2.85514 1.82292 2.98047 1.39453 2.98047C0.970703 2.98047 0.631185 2.85514 0.375977 2.60449C0.125326 2.34928 0 2.02116 0 1.62012V1.36035Z" fill="%23555555"/></svg>') center no-repeat;
+    margin-left: 8px;
+    margin-right: 8px;
 }
 
 .challengeViewLink {
diff --git a/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.tsx b/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.tsx
index dd0630a83..d20c1e18e 100644
--- a/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.tsx
+++ b/src/apps/work/src/lib/components/ShowcasePostPreview/ShowcasePostPreview.tsx
@@ -199,7 +199,7 @@ const ShowcasePostPreview: FC<ShowcasePostPreviewProps> = props => {
                                                             </span>
                                                         )}
                                                         {typeof challenge.numOfRegistrants === 'number' && (
-                                                            <span>
+                                                            <span className={styles.statSeparator}>
                                                                 {challenge.numOfRegistrants}
                                                                 {' '}
                                                                 registrants
diff --git a/src/apps/work/src/lib/components/ShowcasePostPreview/assets/external-link.svg b/src/apps/work/src/lib/components/ShowcasePostPreview/assets/external-link.svg
new file mode 100644
index 000000000..cc724f815
--- /dev/null
+++ b/src/apps/work/src/lib/components/ShowcasePostPreview/assets/external-link.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 18C1.45 18 0.979167 17.8042 0.5875 17.4125C0.195833 17.0208 0 16.55 0 16V2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0H8C8.28333 0 8.52083 0.0958333 8.7125 0.2875C8.90417 0.479167 9 0.716667 9 1C9 1.28333 8.90417 1.52083 8.7125 1.7125C8.52083 1.90417 8.28333 2 8 2H2V16H16V10C16 9.71667 16.0958 9.47917 16.2875 9.2875C16.4792 9.09583 16.7167 9 17 9C17.2833 9 17.5208 9.09583 17.7125 9.2875C17.9042 9.47917 18 9.71667 18 10V16C18 16.55 17.8042 17.0208 17.4125 17.4125C17.0208 17.8042 16.55 18 16 18H2ZM16 3.4L7.4 12C7.21667 12.1833 6.98333 12.275 6.7 12.275C6.41667 12.275 6.18333 12.1833 6 12C5.81667 11.8167 5.725 11.5833 5.725 11.3C5.725 11.0167 5.81667 10.7833 6 10.6L14.6 2H12C11.7167 2 11.4792 1.90417 11.2875 1.7125C11.0958 1.52083 11 1.28333 11 1C11 0.716667 11.0958 0.479167 11.2875 0.2875C11.4792 0.0958333 11.7167 0 12 0H17C17.2833 0 17.5208 0.0958333 17.7125 0.2875C17.9042 0.479167 18 0.716667 18 1V6C18 6.28333 17.9042 6.52083 17.7125 6.7125C17.5208 6.90417 17.2833 7 17 7C16.7167 7 16.4792 6.90417 16.2875 6.7125C16.0958 6.52083 16 6.28333 16 6V3.4Z" fill="#0F172A"/>
+</svg>
diff --git a/src/apps/work/src/pages/showcase/ProjectShowcasePage/ProjectShowcasePage.tsx b/src/apps/work/src/pages/showcase/ProjectShowcasePage/ProjectShowcasePage.tsx
index c01539f8b..2c354b018 100644
--- a/src/apps/work/src/pages/showcase/ProjectShowcasePage/ProjectShowcasePage.tsx
+++ b/src/apps/work/src/pages/showcase/ProjectShowcasePage/ProjectShowcasePage.tsx
@@ -880,6 +880,41 @@ export const ProjectShowcasePage: FC = () => {
         selectedChallengeOptions,
     ])
 
+    const handlePreviewListPost = useCallback(async (post: ProjectShowcasePost) => {
+        if (!projectId) {
+            return
+        }
+
+        setIsLoadingPreview(true)
+        setIsPreviewModalOpen(true)
+
+        try {
+            const postDetails = await fetchProjectShowcasePost(projectId, post.id)
+            const builtPreview = await buildShowcasePreviewData({
+                categoryOptions: categoryOptions.slice(1),
+                challengeOptions: [],
+                editingPost: postDetails,
+                formData: mapPostToFormData(postDetails),
+                industryOptions: industryOptions.slice(1),
+                manageMode: 'edit',
+                projectId,
+                projectTitle: postDetails.projectTitle || projectResult.project?.name || 'Project',
+            })
+            setPreviewData(builtPreview)
+        } catch (err) {
+            showErrorToast(err instanceof Error ? err.message : 'Unable to load post preview.')
+            setIsPreviewModalOpen(false)
+            setPreviewData(undefined)
+        } finally {
+            setIsLoadingPreview(false)
+        }
+    }, [
+        categoryOptions,
+        industryOptions,
+        projectId,
+        projectResult.project?.name,
+    ])
+
     const updatePostInCache = useCallback(
         async (updatedPost: ProjectShowcasePost) => {
             await postsResult.mutate(currentData => {
@@ -1335,6 +1370,17 @@ export const ProjectShowcasePage: FC = () => {
                                     <td className={styles.rowActions}>
                                         {canManageProjectShowcasePosts && (
                                             <>
+                                                <button
+                                                    type='button'
+                                                    className={styles.actionButton}
+                                                    disabled={isLoadingPreview}
+                                                    onClick={function onClick() {
+                                                        handlePreviewListPost(post)
+                                                            .catch(() => undefined)
+                                                    }}
+                                                >
+                                                    Preview
+                                                </button>
                                                 {post.status !== 'ARCHIVED' && (
                                                     <button
                                                         type='button'