diff --git a/src/components/ChatUI.tsx b/src/components/ChatUI.tsx
index 6d0ed04..51757a2 100644
--- a/src/components/ChatUI.tsx
+++ b/src/components/ChatUI.tsx
@@ -380,8 +380,8 @@ const ChatUI = () => {
   return (
     <>
       <KaTeXStyle />
-      <div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 flex items-center justify-center">
-        <div className="h-[100dvh] flex flex-col bg-white w-full mx-auto relative shadow-xl md:max-w-3xl md:h-[95dvh] md:rounded-lg">
+      <div className="min-h-screen bg-gradient-to-br from-blue-50 via-indigo-50 to-purple-50 flex items-start md:items-center justify-center">
+        <div className="h-screen flex flex-col bg-white w-full mx-auto relative shadow-xl md:max-w-3xl md:h-[95dvh] md:my-auto md:rounded-lg">
           {/* Header */}
           <header className="bg-white shadow flex-none md:rounded-t-lg">
             <div className="flex items-center justify-between px-4 py-3">