From 9cb11900f2a1f2e8bb9e5d36c4151ba8b401e5d5 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 07:17:00 +0000
Subject: [PATCH] completionId: cgen-1089b2e765c044baab44ac6876c2331a

cgen-1089b2e765c044baab44ac6876c2331a
---
 client/pages/Feed.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/client/pages/Feed.tsx b/client/pages/Feed.tsx
index 57810fac..c918d7fe 100644
--- a/client/pages/Feed.tsx
+++ b/client/pages/Feed.tsx
@@ -510,23 +510,22 @@ export default function Feed() {
               <div
                 ref={composerRef}
                 id="feed-composer"
-                className="space-y-4 rounded-3xl border border-border/40 bg-background/70 p-4 shadow-xl backdrop-blur-lg lg:sticky lg:top-6"
+                className="space-y-3 sm:space-y-4 rounded-3xl border border-border/40 bg-background/70 p-3 sm:p-4 shadow-xl backdrop-blur-lg lg:sticky lg:top-6"
               >
-                <div className="flex items-start justify-between gap-3">
+                <div className="flex items-start justify-between gap-2 sm:gap-3">
                   <div>
-                    <h2 className="text-lg font-semibold text-foreground">
+                    <h2 className="text-base sm:text-lg font-semibold text-foreground">
                       Share something new
                     </h2>
-                    <p className="text-sm text-muted-foreground">
-                      Post updates, showcase progress, or spark a conversation
-                      with the community.
+                    <p className="text-xs sm:text-sm text-muted-foreground">
+                      Post updates or spark a conversation
                     </p>
                   </div>
                   <Button
                     variant="secondary"
                     size="sm"
-                    onClick={handleScrollToComposer}
-                    className="rounded-full bg-aethex-500/20 text-aethex-100 hover:bg-aethex-500/30"
+                    onClick={() => setShowPostComposer(true)}
+                    className="rounded-full bg-aethex-500/20 text-aethex-100 hover:bg-aethex-500/30 text-xs sm:text-sm"
                   >
                     Compose
                   </Button>