diff --git a/src/App.jsx b/src/App.jsx
index 10aa516527..9efa7c0128 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -17,15 +17,13 @@ const App = () => {
     <div className="flex h-screen">
       <Nav conversations={data} />
       <div className="flex h-full w-full flex-1 flex-col bg-gray-50 md:pl-[260px]">
-        <div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden">
-          <div className="h-full dark:bg-gray-800">
+        <div className="transition-width relative flex h-full w-full flex-1 flex-col items-stretch overflow-hidden dark:bg-gray-800">
           <MobileNav />
           <Messages messages={messages} />
           <TextChat
             messages={messages}
             reloadConvos={mutate}
           />
-          </div>
         </div>
       </div>
     </div>
diff --git a/src/components/main/Messages.jsx b/src/components/main/Messages.jsx
index 03a61b0545..3210f3c10d 100644
--- a/src/components/main/Messages.jsx
+++ b/src/components/main/Messages.jsx
@@ -21,7 +21,7 @@ export default function Messages({ messages }) {
 
   return (
     <div className="flex-1 overflow-y-auto ">
-      <div className="flex-1 overflow-hidden">
+      {/* <div className="flex-1 overflow-hidden"> */}
         <div className="h-full dark:bg-gray-800">
           <div className="flex h-full flex-col items-center text-sm dark:bg-gray-800">
             {messages.map((message, i) => (
@@ -39,7 +39,7 @@ export default function Messages({ messages }) {
             />
           </div>
         </div>
-      </div>
+      {/* </div> */}
     </div>
   );
 }