fixed modal sizes

src/assets/stylesheets/navbar.scss

@@ -13,11 +13,12 @@ $white: #fff;
   flex-direction: column;
   align-items: center;
   border-right: $gray solid 1px;
+  justify-content: space-between;
 }
 
 .navbar-top {
   width: 90%;
-  height: 94%;
+  height: auto;
   display: flex;
   align-items: left;
   justify-content: flex-start;
@@ -109,6 +110,7 @@ $white: #fff;
   align-items: center;
   justify-content: center;
   background-color: $medium-blue;
+  margin-bottom: 15px;
 }
 
 .navbar-return span {
@@ -168,7 +170,7 @@ $white: #fff;
   justify-content: center;
   align-items: center;
   background-color: transparent;
-  margin-bottom: 30px;
+  margin-bottom: 20px;
   overflow: visible;
 }
 
@@ -180,6 +182,7 @@ $white: #fff;
   background-color: $gray;
   box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
   transition: all 0.3s ease-in-out;
+  margin-bottom: 10px;
 }
 
 .modal-close span,