Fix dialog overflow

saleor · Oct 14, 2021 · aea1ac7 · aea1ac7
1 parent 0cabb9c
commit aea1ac7
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/theme/createSaleorTheme/createSaleorTheme.ts b/src/theme/createSaleorTheme/createSaleorTheme.ts
@@ -12,7 +12,7 @@ export const ICONBUTTON_SIZE = 48;
 const fontFamily = '"Inter", "roboto", "sans-serif"';
 
 export const createTheme = (colors: SaleorThemeColors): SaleorTheme =>
-  (createMuiTheme({
+  createMuiTheme({
     overrides: {
       ...overrides(colors, fontFamily),
       MuiCard: {
@@ -58,6 +58,11 @@ export const createTheme = (colors: SaleorThemeColors): SaleorTheme =>
           fontSize: "1.3rem",
         },
       },
+      MuiDialog: {
+        paper: {
+          overflowY: undefined,
+        },
+      },
       MuiDialogActions: {
         root: {
           borderTop: `1px solid ${colors.divider}`,
@@ -66,6 +71,8 @@ export const createTheme = (colors: SaleorThemeColors): SaleorTheme =>
       },
       MuiDialogContent: {
         root: {
+          overflowX: undefined,
+          overflowY: undefined,
           padding: `24px 0px`,
           margin: `0px 24px`,
         },
@@ -264,4 +271,4 @@ export const createTheme = (colors: SaleorThemeColors): SaleorTheme =>
         fontSize: "1.4rem",
       },
     },
-  }) as unknown) as SaleorTheme;
+  }) as unknown as SaleorTheme;