diff --git a/src/app/(app)/ai/page.tsx b/src/app/(app)/ai/page.tsx
index d19370b..9412099 100644
--- a/src/app/(app)/ai/page.tsx
+++ b/src/app/(app)/ai/page.tsx
@@ -267,15 +267,19 @@ export default function AIChatPage() {
 
         {/* Input */}
         <div className="p-4 border-t bg-white dark:bg-gray-800 flex-shrink-0">
-          <div className="flex gap-2">
-            <Input
-              value={input}
-              onChange={e => setInput(e.target.value)}
-              onKeyDown={e => e.key === "Enter" && !e.shiftKey && handleSend()}
-              placeholder="Ask about your baby..."
-              disabled={loading}
-              className="flex-1"
-            />
+          <div className="flex items-center gap-2">
+            {/* Input renders its own wrapper div, so flex-1 must go on a wrapper
+                here — putting it on <Input> only hits the inner <input> (already
+                w-full) and the wrapper stays content-width, leaving it narrow. */}
+            <div className="flex-1">
+              <Input
+                value={input}
+                onChange={e => setInput(e.target.value)}
+                onKeyDown={e => e.key === "Enter" && !e.shiftKey && handleSend()}
+                placeholder="Ask about your baby..."
+                disabled={loading}
+              />
+            </div>
             <Button onClick={handleSend} disabled={loading || !input.trim()} loading={loading}>
               Send
             </Button>