u

src/components/AppDialog.jsx

@@ -60,6 +60,7 @@ class AppDialog extends Component {
       transitionDuration: _transitionDuration,
       TransitionProps: _transitionProps,
       TransitionComponent: _transitionComponent,
+      disableScrollLock = true,
       slotProps: userSlotProps,
       slots: userSlots,
       ...rest
@@ -95,6 +96,7 @@ class AppDialog extends Component {
 
     return (
       <Dialog
+        disableScrollLock={disableScrollLock}
         disableEnforceFocus
         {...rest}
         slots={restSlots}

src/components/brand/BrandImageSearchDialog.jsx

@@ -290,7 +290,7 @@ export default class BrandImageSearchDialog extends PureComponent {
           </IconButton>
         </DialogTitle>
 
-        <DialogContent dividers sx={{ p: 2.5 }}>
+        <DialogContent dividers>
           {/* Search bar */}
           <Box
             component="form"

src/theme/themes/default.js

@@ -44,9 +44,20 @@ export function createDefaultTheme() {
     },
     nav,
     components: {
+      MuiModal: {
+        defaultProps: {
+          disableScrollLock: true,
+        },
+      },
+      MuiDialog: {
+        defaultProps: {
+          disableScrollLock: true,
+        },
+      },
       MuiMenu: {
         defaultProps: {
           transitionDuration: 0,
+          disableScrollLock: true,
         },
       },
       MuiButton: {
@@ -79,6 +90,7 @@ export function createDefaultTheme() {
       MuiPopover: {
         defaultProps: {
           transitionDuration: 0,
+          disableScrollLock: true,
         },
       },
     },