diff --git a/components/modal/modal-wrapper.tsx b/components/modal/modal-wrapper.tsx
index 3e4c818..31fae73 100644
--- a/components/modal/modal-wrapper.tsx
+++ b/components/modal/modal-wrapper.tsx
@@ -31,8 +31,8 @@ const ModalWrapper: React.FC<React.PropsWithChildren<ModalWrapperProps>> = ({
         {children}
         <style jsx>{`
           .wrapper {
-            max-width: 85vw;
-            max-height: 75vh;
+            max-width: 90vw;
+            max-height: 90vh;
             width: ${width};
             overflow: hidden;
             display: flex;
diff --git a/components/shared/backdrop.tsx b/components/shared/backdrop.tsx
index 6d2419f..a74ad17 100644
--- a/components/shared/backdrop.tsx
+++ b/components/shared/backdrop.tsx
@@ -56,7 +56,7 @@ const Backdrop: React.FC<React.PropsWithChildren<BackdropProps>> = React.memo(
               align-content: center;
               align-items: center;
               flex-direction: column;
-              justify-content: space-around;
+              justify-content: center;
               height: 100vh;
               width: 100vw;
               overflow: auto;