From b04ed1d3aa3a0764a13e619ab414d599b16dc422 Mon Sep 17 00:00:00 2001
From: gosangam <sangam4742@gmail.com>
Date: Sun, 14 Jun 2026 00:43:33 +0530
Subject: [PATCH] fix: fix feed component size

---
 app/(app)/page.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/(app)/page.tsx b/app/(app)/page.tsx
index b52d63e8..0dafa4be 100644
--- a/app/(app)/page.tsx
+++ b/app/(app)/page.tsx
@@ -27,7 +27,11 @@ export default function HomePage() {
 
   if (user) {
     return (
-      <main className="flex-1 max-w-2xl w-full mx-auto px-4 sm:px-6 py-6">
+      // Narrower single-column feed on desktop (≈Instagram width) — the cards
+      // are fluid, so the column width is what sizes the square media. On
+      // mobile this max-width is wider than the viewport, so it's full-bleed
+      // as before.
+      <main className="flex-1 max-w-lg w-full mx-auto px-4 sm:px-6 py-6">
         <div className="mb-6">
           <SadhnaStreakCTA />
         </div>