fix: chat page overflow on small screens

2026-03-21 23:52:43 +00:00 · 2025-12-15 19:34:27 -08:00
2 changed files with 2 additions and 2 deletions
--- a/web/src/app/chat/components/ChatPage.tsx
+++ b/web/src/app/chat/components/ChatPage.tsx
@@ -626,7 +626,7 @@ export default function ChatPage({ firstMessage, headerData }: ChatPageProps) {
        >
          {({ getRootProps }) => (
            <div
-              className="h-full w-full flex flex-col items-center"
+              className="h-full w-full p-4 flex flex-col items-center"
              {...getRootProps()}
            >
              {/* ProjectUI */}
--- a/web/src/app/chat/components/input/ChatInputBar.tsx
+++ b/web/src/app/chat/components/input/ChatInputBar.tsx
@@ -416,7 +416,7 @@ const ChatInputBar = React.memo(
        <div
          id="onyx-chat-input"
          className={cn(
-            "max-w-full w-[50rem] flex flex-col shadow-01 bg-background-neutral-00 rounded-16",
+            "max-w-full w-[min(50rem,100%)] flex flex-col shadow-01 bg-background-neutral-00 rounded-16",
            disabled && "opacity-50 cursor-not-allowed pointer-events-none"
          )}
          aria-disabled={disabled}