Fix chat UI height (#73)

mitodl · Feb 26, 2025 · 089f098 · 089f098
1 parent 0e23cfe
commit 089f098
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/frontend-demo/src/app/page.tsx b/frontend-demo/src/app/page.tsx
@@ -42,7 +42,7 @@ const REQUEST_OPTS: AiChatProps["requestOpts"] = {
   },
 }
 
-const StyledChat = styled(AiChat)({
+const Container = styled.div({
   height: "calc(80vh - 72px)",
   marginTop: "16px",
 })
@@ -61,12 +61,14 @@ const HomePage: React.FC = () => {
   }
 
   return (
-    <StyledChat
-      initialMessages={INITIAL_MESSAGES}
-      requestOpts={REQUEST_OPTS}
-      conversationStarters={STARTERS}
-      parseContent={parseContent}
-    />
+    <Container>
+      <AiChat
+        initialMessages={INITIAL_MESSAGES}
+        requestOpts={REQUEST_OPTS}
+        conversationStarters={STARTERS}
+        parseContent={parseContent}
+      />
+    </Container>
   )
 }