fix: select overflow (#835)

Co-authored-by: Kim Lan Phan Hoang <pyphilia@gmail.com>
graasp · Apr 30, 2024 · 98bbe34 · 98bbe34
1 parent 06e953c
commit 98bbe34
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/Select/Select.tsx b/src/Select/Select.tsx
@@ -45,7 +45,7 @@ const Select = <T extends string | number | readonly string[] | undefined>({
   const showLabel = Boolean(labelId ?? label);
   return (
     <FormControl
-      sx={{ mt: label ? 1 : 0, backgroundColor: 'white' }}
+      sx={{ mt: label ? 1 : 0 }}
       size={size}
       data-testid='select-test-id'
       disabled={disabled || values.every(({ disabled }) => disabled)}

diff --git a/src/theme.ts b/src/theme.ts
@@ -95,6 +95,7 @@ export const createGraaspTheme = ({
       MuiSelect: {
         styleOverrides: {
           root: {
+            overflow: 'hidden',
             backgroundColor: 'white',
           },
         },