diff --git a/apps/main/src/pages/chat.tsx b/apps/main/src/pages/chat.tsx
index 3377631..f8a6e63 100644
--- a/apps/main/src/pages/chat.tsx
+++ b/apps/main/src/pages/chat.tsx
@@ -36,7 +36,7 @@ export function ChatPage() {
   }, [channelFromUrl]);
 
   return (
-    <div className="flex h-screen bg-gray-50 dark:bg-background">
+    <div className="flex h-[calc(100vh-75px)] bg-gray-50 dark:bg-background">
       <div
         className={`border-r border-gray-200 dark:border-gray-600/50 bg-white dark:bg-gray-700/40 transition-all duration-300 ease-in-out overflow-hidden ${
           isChannelListExpanded ? "w-80" : "w-0"