diff --git a/src/static/sass/components/_modal.scss b/src/static/sass/components/_modal.scss
index 0d0dd66..72187f2 100644
--- a/src/static/sass/components/_modal.scss
+++ b/src/static/sass/components/_modal.scss
@@ -12,6 +12,9 @@
    @include responsive(tab_port) {
       height: 38rem;
    }
+    @include responsive(phone) {
+       height: 50rem;
+    }
 
      
    &__container {
@@ -29,7 +32,11 @@
       @include responsive(tab_medium) {
          background: linear-gradient(90deg, rgba(0, 0, 0, 0.966) 65%, transparent);
          width: 100%;
+      }
 
+      @include responsive(phone) {
+         padding-top: 1rem;
+         padding-left: 1rem; 
       }
    }
 
@@ -73,6 +80,10 @@
          width: 95%;
          color: rgba(255, 255, 255, 0.877); 
       }
+      @include responsive(phone) {
+         padding-top: 1rem;
+         font-size: 1.7rem;
+      }
    }
 
    &__btn {