Fix overflow in messages component

edspencer · Sep 4, 2024 · bc1e6e9 · bc1e6e9
1 parent 1f8758c
commit bc1e6e9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/three-pots-sit.md b/.changeset/three-pots-sit.md
@@ -0,0 +1,5 @@
+---
+"inform-ai": patch
+---
+
+Fix scrolling overflow on Messages UI component
diff --git a/src/ui/main.css b/src/ui/main.css
@@ -25,7 +25,7 @@
 /* Messages styles */
 @layer components {
   .iai-messages {
-    @apply flex flex-col gap-2;
+    @apply flex flex-col gap-2 overflow-y-auto;
 
     .user-message {
       @apply flex justify-end;