diff --git a/package-lock.json b/package-lock.json
index 6c15483..47c59d6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8661,9 +8661,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001669",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz",
-      "integrity": "sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==",
+      "version": "1.0.30001741",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001741.tgz",
+      "integrity": "sha512-QGUGitqsc8ARjLdgAfxETDhRbJ0REsP6O3I96TAth/mVjh2cYzN2u+3AzPP3aVSm2FehEItaJw1xd+IGBXWeSw==",
       "dev": true,
       "funding": [
         {
diff --git a/src/components/PostCard.tsx b/src/components/PostCard.tsx
index 139ce63..8a13a9f 100644
--- a/src/components/PostCard.tsx
+++ b/src/components/PostCard.tsx
@@ -148,7 +148,7 @@ const PostCard: React.FC<PostCardProps> = ({ post, commentCount = 0 }) => {
 
         {/* Content column */}
         <div className="flex-1 p-3">
-          <Link to={`/post/${post.id}`} className="block hover:opacity-80">
+          <div className="block hover:opacity-80">
             {/* Post metadata */}
             <div className="flex items-center text-xs text-cyber-neutral mb-2 space-x-2">
               <span className="font-medium text-cyber-accent">
@@ -181,15 +181,17 @@ const PostCard: React.FC<PostCardProps> = ({ post, commentCount = 0 }) => {
               )}
             </div>
 
-            {/* Post title */}
-            <h2 className="text-lg font-semibold text-glow mb-2 hover:text-cyber-accent transition-colors">
-              {post.title}
-            </h2>
+            {/* Post title and content - clickable to navigate to post */}
+            <Link to={`/post/${post.id}`} className="block">
+              <h2 className="text-lg font-semibold text-glow mb-2 hover:text-cyber-accent transition-colors">
+                {post.title}
+              </h2>
 
-            {/* Post content preview */}
-            <p className="text-cyber-neutral text-sm leading-relaxed mb-3">
-              <LinkRenderer text={contentPreview} />
-            </p>
+              {/* Post content preview */}
+              <p className="text-cyber-neutral text-sm leading-relaxed mb-3">
+                <LinkRenderer text={contentPreview} />
+              </p>
+            </Link>
 
             {/* Post actions */}
             <div className="flex items-center justify-between text-xs text-cyber-neutral">
@@ -220,7 +222,7 @@ const PostCard: React.FC<PostCardProps> = ({ post, commentCount = 0 }) => {
                 variant="ghost"
               />
             </div>
-          </Link>
+          </div>
         </div>
       </div>
     </div>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index bbdc785..54686b5 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -4,9 +4,7 @@ import tailwindcssAnimate from 'tailwindcss-animate';
 export default {
   darkMode: ['class'],
   content: [
-    './pages/**/*.{ts,tsx}',
-    './components/**/*.{ts,tsx}',
-    './app/**/*.{ts,tsx}',
+    './index.html',
     './src/**/*.{ts,tsx}',
   ],
   prefix: '',