Add scroll to dialog

data-for-change · Jul 12, 2024 · dd623a6 · dd623a6
1 parent 8b5e204
commit dd623a6
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/molecules/DialogWithHeader.tsx b/src/components/molecules/DialogWithHeader.tsx
@@ -25,6 +25,9 @@ const useStyles = makeStyles((theme: Theme) =>
       justifyContent: 'space-between',
       alignItems: 'center',
     },
+    scroll: {
+      overflowY: 'scroll'
+    },
     close: {
       color: shadowColor,
     },
@@ -46,7 +49,9 @@ const DialogWithHeader: FC<IProps> = ({ onClose, isShowing, title, fullWidth, ch
           </IconButton>
         </Box>
       </DialogTitle>
-      <DialogContent className={classes.content}>{children}</DialogContent>
+        <Box className={classes.scroll}>
+          <DialogContent className={classes.content}>{children}</DialogContent>
+        </Box>
     </Dialog>
   );
 };