diff --git a/frontend/src/pages/Posts.tsx b/frontend/src/pages/Posts.tsx
index 04c0b88..8a29cc1 100644
--- a/frontend/src/pages/Posts.tsx
+++ b/frontend/src/pages/Posts.tsx
@@ -216,7 +216,7 @@ const Posts = () => {
         {filteredPosts.length === 0 ? (
           <div className="text-center text-black dark:text-white">No Posts</div>
         ) : (
-          <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 w-full">
+            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-4 w-full">
             {filteredPosts.map((post) => (
               <PostCard
                 key={post.id}