diff --git a/web/src/app/chat/main.tsx b/web/src/app/chat/main.tsx
index 303b13d..7fe88e2 100644
--- a/web/src/app/chat/main.tsx
+++ b/web/src/app/chat/main.tsx
@@ -20,7 +20,7 @@ export default function Main() {
   return (
     <div
       className={cn(
-        "flex h-full w-full justify-center px-4 pt-12 pb-4",
+        "flex h-full w-full justify-center-safe px-4 pt-12 pb-4",
         doubleColumnMode && "gap-8",
       )}
     >
@@ -28,13 +28,13 @@ export default function Main() {
         className={cn(
           "shrink-0 transition-all duration-300 ease-out",
           !doubleColumnMode &&
-            `w-[768px] translate-x-[min(calc((100vw-538px)*0.75/2),960px/2)]`,
+            `w-[768px] translate-x-[min(max(calc((100vw-538px)*0.75),575px)/2,960px/2)]`,
           doubleColumnMode && `w-[538px]`,
         )}
       />
       <ResearchBlock
         className={cn(
-          "w-[min(calc((100vw-538px)*0.75),960px)] pb-4 transition-all duration-300 ease-out",
+          "w-[min(max(calc((100vw-538px)*0.75),575px),960px)] pb-4 transition-all duration-300 ease-out",
           !doubleColumnMode && "scale-0",
           doubleColumnMode && "",
         )}