diff --git a/src/app/globals.css b/src/app/globals.css
index a5dc3d7..78707e0 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1508,17 +1508,21 @@ a.btn-primary:visited {
 .post-link-overlay {
   position: absolute;
   inset: 0;
-  z-index: 0;
+  z-index: 1;
 }
 
 .post-header,
 .post-reply-to,
 .post-media-grid,
 .link-preview-card,
-.post-actions,
+.post-actions {
+  position: relative;
+  z-index: 2;
+}
+
 .post-content {
   position: relative;
-  z-index: 1;
+  z-index: 0;
 }
 
 /* Post Detail Styles */
diff --git a/src/components/PostCard.tsx b/src/components/PostCard.tsx
index 42023e0..10ee4d4 100644
--- a/src/components/PostCard.tsx
+++ b/src/components/PostCard.tsx
@@ -120,7 +120,7 @@ export function PostCard({ post, onLike, onRepost, onComment, onDelete, isDetail
 
     return (
         <article className={`post ${isDetail ? 'detail' : ''}`}>
-            <Link href={postUrl} className="post-link-overlay" aria-label="View post" />
+            {!isDetail && <Link href={postUrl} className="post-link-overlay" aria-label="View post" />}
 
             <div className="post-header">
                 <Link href={`/${post.author.handle}`} className="avatar-link" onClick={(e) => e.stopPropagation()}>