diff --git a/src/components/modal.module.css b/src/components/modal.module.css
index 8c55777..d1e47a0 100644
--- a/src/components/modal.module.css
+++ b/src/components/modal.module.css
@@ -10,7 +10,6 @@
 
 .modalContent {
   display: flex;
-
   max-height: 80%;
   width: 70%;
   position: fixed;
@@ -27,6 +26,12 @@
   cursor: default;
 }
 
+@media screen and (max-width: 700px) {
+  .modalContent {
+    width: 90%;
+  }
+}
+
 .close {
   cursor: pointer;
   font-size: 16.5px;