fix chat profiles horizontal scroll

Chainlit · Nov 2, 2023 · 1c25629 · 1c25629
1 parent a6af169
commit 1c25629
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/frontend/src/components/molecules/chatProfiles.tsx b/frontend/src/components/molecules/chatProfiles.tsx
@@ -53,13 +53,8 @@ export default function ChatProfiles() {
   const popoverOpen = Boolean(anchorEl);
 
   return (
-    <Box py={2} alignSelf="center" maxWidth="min(60rem, 90vw)" overflow="auto">
-      <InputStateHandler
-        id={'chat-profile-selector'}
-        sx={{
-          width: 'fit-content'
-        }}
-      >
+    <Box py={2} alignSelf="center" maxWidth="min(60rem, 90vw)">
+      <InputStateHandler id={'chat-profile-selector'}>
         <Box
           sx={{
             border: (theme) => `1px solid ${theme.palette.divider}`,
@@ -74,6 +69,7 @@ export default function ChatProfiles() {
               setNewChatProfile(newValue);
               setOpenDialog(true);
             }}
+            variant="scrollable"
             sx={{
               minHeight: '40px !important',