src/layouts/modal/style.module.scss

@@ -5,7 +5,7 @@ $default-modal-padding: 15px 25px;
 .modal {
   position: absolute;
   top: 0;
-  left: 50%;
+  left: calc(50% - 10px);
   transform: translate(-50%, 0);
 
   background-color: $overlay-background-color;
@@ -16,6 +16,8 @@ $default-modal-padding: 15px 25px;
   flex-direction: column;
 
   border-radius: 4px;
+
+  margin: 25px 10px;
 }
 
 .header {

src/theme/index.ts

@@ -23,14 +23,6 @@ export const theme = extendTheme({
     }
   },
   components: {
-    MuiModal: {
-      styleOverrides: {
-        root: {
-          insetBlock: '25px',
-          insetInline: '10px'
-        }
-      }
-    },
     MuiButton: {
       styleOverrides: {
         root: {