diff --git a/src/layouts/modal/style.module.scss b/src/layouts/modal/style.module.scss
index f7dd2fc..501f171 100644
--- a/src/layouts/modal/style.module.scss
+++ b/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 {
diff --git a/src/theme/index.ts b/src/theme/index.ts
index 4a1e0ab..a7a37d4 100644
--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@@ -23,14 +23,6 @@ export const theme = extendTheme({
     }
   },
   components: {
-    MuiModal: {
-      styleOverrides: {
-        root: {
-          insetBlock: '25px',
-          insetInline: '10px'
-        }
-      }
-    },
     MuiButton: {
       styleOverrides: {
         root: {