diff --git a/src/interface/web/app/chat/chat.module.css b/src/interface/web/app/chat/chat.module.css
index 72b5c675..9ed5efc1 100644
--- a/src/interface/web/app/chat/chat.module.css
+++ b/src/interface/web/app/chat/chat.module.css
@@ -98,17 +98,6 @@ div.agentIndicator {
 }
 
 
-@media (max-width: 768px) {
-    div.chatBody {
-        grid-template-columns: 0fr 1fr;
-    }
-
-    div.chatBox {
-        padding: 0;
-        height: min-content;
-    }
-}
-
 @media screen and (max-width: 768px) {
     div.inputBox {
         margin-bottom: 0px;
@@ -118,9 +107,13 @@ div.agentIndicator {
         width: 100%;
     }
 
+    div.chatBody {
+        grid-template-columns: 0fr 1fr;
+    }
+
     div.chatBox {
         padding: 0;
-        height: min-content;
+        height: 100%;
     }
 
     div.chatLayout {
diff --git a/src/interface/web/app/page.module.css b/src/interface/web/app/page.module.css
index 8de68d0c..50109fa5 100644
--- a/src/interface/web/app/page.module.css
+++ b/src/interface/web/app/page.module.css
@@ -89,26 +89,19 @@ div.homeGreetings {
 
 div.sidePanel {
     position: fixed;
-    height: 100%;
+    height: max-content;
 }
 
 
-@media (max-width: 768px) {
-    div.chatBody {
-        grid-template-columns: 0fr 1fr;
-    }
-
-    div.chatBox {
-        padding: 0;
-        height: min-content;
-    }
-}
-
 @media screen and (max-width: 768px) {
     div.inputBox {
         margin-bottom: 0px;
     }
 
+    div.chatBody {
+        grid-template-columns: 0fr 1fr;
+    }
+
     div.chatBoxBody {
         width: 100%;
         grid-template-rows: auto;
@@ -120,12 +113,13 @@ div.sidePanel {
 
     div.chatBox {
         padding: 0;
-        height: min-content;
+        height: 100%;
     }
 
     div.chatLayout {
         gap: 0;
         grid-template-columns: 1fr;
+        grid-template-rows: auto 1fr;
     }
 
     div.homeGreetings {
diff --git a/src/interface/web/app/page.tsx b/src/interface/web/app/page.tsx
index 8eeb7f68..4f08a95a 100644
--- a/src/interface/web/app/page.tsx
+++ b/src/interface/web/app/page.tsx
@@ -170,7 +170,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
             }
             <div className={`w-full text-center justify-end content-end`}>
                 <div className="items-center">
-                    <h1 className="text-center w-fit pb-6 px-4 mx-auto">{greeting}</h1>
+                    <h1 className="text-2xl text-center w-fit pb-6 px-4 mx-auto">{greeting}</h1>
                 </div>
                 {
                     !props.isMobileWidth &&