From 64e7223cbb5e12f8b88acc081a81b7fa1e0eeeb9 Mon Sep 17 00:00:00 2001
From: tusharmagar <tushmag@gmail.com>
Date: Wed, 4 Feb 2026 15:13:09 +0530
Subject: [PATCH] fix: made the chat input box same width as the text area

---
 apps/x/apps/renderer/src/App.tsx                     | 2 +-
 apps/x/apps/renderer/src/components/chat-sidebar.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/x/apps/renderer/src/App.tsx b/apps/x/apps/renderer/src/App.tsx
index ed5bdc9e..1a679ca0 100644
--- a/apps/x/apps/renderer/src/App.tsx
+++ b/apps/x/apps/renderer/src/App.tsx
@@ -1821,7 +1821,7 @@ function App() {
                 )
               ) : (
               <div className="flex min-h-0 flex-1 flex-col">
-                <Conversation className="relative flex-1 overflow-y-auto">
+                <Conversation className="relative flex-1 overflow-y-auto [scrollbar-gutter:stable]">
                   <ScrollPositionPreserver />
                   <ConversationContent className={conversationContentClassName}>
                     {!hasConversation ? (
diff --git a/apps/x/apps/renderer/src/components/chat-sidebar.tsx b/apps/x/apps/renderer/src/components/chat-sidebar.tsx
index c3ab6396..b5b32e09 100644
--- a/apps/x/apps/renderer/src/components/chat-sidebar.tsx
+++ b/apps/x/apps/renderer/src/components/chat-sidebar.tsx
@@ -481,7 +481,7 @@ export function ChatSidebar({
 
       {/* Conversation area */}
       <div className="flex min-h-0 flex-1 flex-col relative">
-        <Conversation className="relative flex-1 overflow-y-auto">
+        <Conversation className="relative flex-1 overflow-y-auto [scrollbar-gutter:stable]">
           <ScrollPositionPreserver />
           <ConversationContent className={hasConversation ? "px-4 pb-24" : "px-4 min-h-full items-center justify-center"}>
             {!hasConversation ? (