From 8630c919a8fa0f29f5f6afaecee4fc5030a5607a Mon Sep 17 00:00:00 2001
From: KronemeyerJoshua <v-joshuakr@microsoft.com>
Date: Wed, 10 Apr 2024 23:14:34 +0100
Subject: [PATCH 1/2] Fixes double scrollbar issue

---
 app/frontend/src/pages/chat/Chat.module.css | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/pages/chat/Chat.module.css b/app/frontend/src/pages/chat/Chat.module.css
index b02d5205c..47d04c47e 100644
--- a/app/frontend/src/pages/chat/Chat.module.css
+++ b/app/frontend/src/pages/chat/Chat.module.css
@@ -26,6 +26,12 @@
     flex-direction: column;
     align-items: center;
     width: 100%;
+
+
+}
+
+body {
+    overflow: hidden;
 }
 
 .chatEmptyState {
@@ -99,7 +105,6 @@
 
 .chatMessageStream {
     flex-grow: 1;
-    max-height: 1024px;
     max-width: 1028px;
     width: 100%;
     overflow-y: auto;
@@ -107,6 +112,8 @@
     padding-right: 24px;
     display: flex;
     flex-direction: column;
+    overflow-y: auto; /* or 'scroll' if you always want the scrollbar to be visible */
+    max-height: calc(100vh - 320px); /* optional, adjust according to your layout */
 }
 
 .chatMessageGpt {
@@ -187,7 +194,7 @@
 .chatInputWarningMessage{
     font-size: 12px;
     font-weight: 400;
-    color: rgb(133, 133, 133);
+    color: #858585;
     line-height: 22px;
     padding-top: 6px;
     padding-bottom: 6px;
@@ -195,4 +202,13 @@
     display: flex;
     align-items: center;
     justify-content: flex-end;
+    position: absolute;
+    bottom: 23px;
+    right: 40px;
+}
+
+@media (max-width: 800px) {
+    .chatInputWarningMessage {
+        bottom: 8px;
+    }
 }
\ No newline at end of file

From 854e56dd15d8ae7eb0d817a098cdacdd573689bf Mon Sep 17 00:00:00 2001
From: KronemeyerJoshua <v-joshuakr@microsoft.com>
Date: Wed, 10 Apr 2024 23:17:17 +0100
Subject: [PATCH 2/2] Fixed positioning issue upon search

---
 app/frontend/src/pages/chat/Chat.module.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/frontend/src/pages/chat/Chat.module.css b/app/frontend/src/pages/chat/Chat.module.css
index 47d04c47e..d703ce5f8 100644
--- a/app/frontend/src/pages/chat/Chat.module.css
+++ b/app/frontend/src/pages/chat/Chat.module.css
@@ -113,7 +113,7 @@ body {
     display: flex;
     flex-direction: column;
     overflow-y: auto; /* or 'scroll' if you always want the scrollbar to be visible */
-    max-height: calc(100vh - 320px); /* optional, adjust according to your layout */
+    max-height: calc(100vh - 313px); /* optional, adjust according to your layout */
 }
 
 .chatMessageGpt {