Fix padding in chat ScrollArea pushing out scrollbar (#1959)

2025-04-01 08:09:31 -07:00
parent e0bd2d6763
commit 31817eac87
2 changed files with 10 additions and 4 deletions
@@ -387,7 +387,8 @@ export default function ChatView({
            activities={botConfig?.activities || null}
          />
        ) : (
-          <ScrollArea ref={scrollRef} className="flex-1 px-4" autoScroll>
+          /* padding needs to be passed into the container inside ScrollArea to avoid pushing the scrollbar out */
+          <ScrollArea ref={scrollRef} className="flex-1" paddingX={4} autoScroll>
            <SearchView className="mt-[16px]" scrollAreaRef={scrollRef}>
              {filteredMessages.map((message, index) => (
                <div key={message.id || index} className="mt-[16px] message-content">