fix mobile width

sumup-oss · Dec 20, 2024 · b20f528 · b20f528
1 parent 2e24a46
commit b20f528
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/circuit-ui/components/Modal/Modal.module.css b/packages/circuit-ui/components/Modal/Modal.module.css
@@ -104,7 +104,7 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    max-width: 100%;
+    max-width: 100vw;
     border-radius: var(--cui-border-radius-mega) var(--cui-border-radius-mega) 0
       0;
     animation: slide-out var(--dialog-animation-duration) forwards;
@@ -122,6 +122,8 @@
   }
 
   .base .content {
+    width: 100%;
+    max-width: 100vw;
     padding: var(--cui-spacings-mega);
     padding-bottom: calc(
       env(safe-area-inset-bottom) + var(--cui-spacings-mega)