diff --git a/assets/css/flo.css b/assets/css/flo.css
index 860346c..2d5e476 100644
--- a/assets/css/flo.css
+++ b/assets/css/flo.css
@@ -253,19 +253,15 @@
 }
 
 .js-modal__content {
-    max-width: 500px;
-    height: 300px;
+    height: 100%;
+    width: 100%;
     position: absolute;
-    left: 50%;
-    top: 50%;
-    margin-left: -200px;
-    margin-top: -150px;
     background-color: #ffffff;
     padding: 2rem;
-    border-radius: 10px;
     z-index: 3;
     text-align: center;
     overflow: hidden;
+    box-sizing: border-box;
 }
 
 .js-modal h2 {
@@ -377,4 +373,14 @@
         grid-template-columns: auto auto auto;
         grid-gap: 20px;
     }
+
+    .js-modal__content {
+        max-width: 500px;
+        max-height: 400px;
+        left: 50%;
+        top: 50%;
+        margin-left: -250px;
+        margin-top: -200px;
+        border-radius: 10px;
+    }
 }