diff --git a/frontend/src/NewApp/Components/Conversation.css b/frontend/src/NewApp/Components/Conversation.css
index e8414b0..902c38d 100644
--- a/frontend/src/NewApp/Components/Conversation.css
+++ b/frontend/src/NewApp/Components/Conversation.css
@@ -6,9 +6,6 @@
   padding: 10px;
   flex-direction: column;
   font-size: 0.9rem;
-  width: 100%;
-  margin: 0 auto;
-  overflow-y: auto;
   justify-content: center;
 }
 
diff --git a/frontend/src/NewApp/Components/Conversation.tsx b/frontend/src/NewApp/Components/Conversation.tsx
index 60d1ba4..d14b8a2 100644
--- a/frontend/src/NewApp/Components/Conversation.tsx
+++ b/frontend/src/NewApp/Components/Conversation.tsx
@@ -366,7 +366,8 @@ const Conversation = forwardRef<ConversationHandle, ConversationProps>((props: C
     //     ...sx
     //   }}
     // >
-    <Box className="Conversation" sx={{ p: 1, mt: 0, overflow: "hidden", ...sx }}>
+    <Box className="Conversation" sx={{ border: "1px solid green", flexGrow: 1, minHeight: "max-content", height: "max-content", maxHeight: "max-content", overflow: "hidden" }}>
+      <Box sx={{ p: 1, mt: 0, ...sx }}>
       {
         filteredConversation.map((message, index) =>
           <Message key={index} expanded={message.expanded === undefined ? true : message.expanded} {...{ sendQuery: processQuery, message, connectionBase, sessionId, setSnack, submitQuery }} />
@@ -459,6 +460,7 @@ const Conversation = forwardRef<ConversationHandle, ConversationProps>((props: C
       }
       <Box sx={{ display: "flex", flexGrow: 1 }}></Box>
     </Box >
+    </Box>
   );
 });