diff --git a/gallery.html b/gallery.html
index 164bebe2f..0e06d3947 100644
--- a/gallery.html
+++ b/gallery.html
@@ -20,11 +20,6 @@
     <div id="modal">
         <i class="fas fa-times" id="close-modal"></i>
         <img id="modal-img" src="https://images.unsplash.com/photo-1567309254107-5babef35b7b4?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1351&q=80" alt="image"/>
-        <!-- Commenting out modal (carousel) controls for later implementation -->
-        <!-- <div id="modal-controls">
-            <i class="fas fa-chevron-left"></i>
-            <i class="fas fa-chevron-right"></i>
-        </div> -->
     </div>
     <div id="modal-background"></div>
     <nav>
diff --git a/sass/gallery.scss b/sass/gallery.scss
index 7623ca090..3277a9d6b 100644
--- a/sass/gallery.scss
+++ b/sass/gallery.scss
@@ -138,7 +138,7 @@ p {
     text-align: center;
     background-color: $off-white;
     border-radius: 20px;
-    padding: 20px;
+    padding-top: 50px;
     top: 10%;
     margin: auto;
     width: auto;
@@ -149,42 +149,28 @@ p {
     z-index: 3;
     display: none;
 
-    i {
-        color: $orange;
-        font-size: 40px;
-    }
-
     img {
         display: block;
         max-width: 100%;
         max-height: calc(90vh - 40px); // 40px from the padding of modal (20 top + 20 bottom)
         width: auto;
         height: auto;
-        padding: 50px 40px;
+        border: 8px solid $off-white;
+        border-top: none;
+        border-radius: 20px;
     }
 }
 
 #close-modal {
+    color: $orange;
+    font-size: 40px;
     position: absolute;
-    top: 20px;
-    right: 40px;
+    top: 5px;
+    right: 15px;
     z-index: 3;
     cursor: pointer;
 }
 
-// Commenting out modal (carousel) controls for later implementation
-/* #modal-controls {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    padding: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-} */
-
 @media screen and (max-width: 1800px) {
     .image-container {
         grid-template-columns: repeat(4, 1fr);
@@ -201,6 +187,21 @@ p {
     .image-container {
         grid-template-columns: repeat(2, 1fr);
     }
+
+    #modal {
+        width: 90%;
+        max-height: none;
+        padding-top: 40px;
+
+        img {
+            width: 100%;
+            max-height: none;
+        }
+    }
+
+    #close-modal {
+        font-size: 30px;
+    }
 }
 
 @media screen and (max-width: 660px) {
@@ -231,14 +232,4 @@ p {
     .image-container {
         grid-template-columns: repeat(1, 1fr);
     }
-
-    #modal {
-        width: 80%;
-        max-height: none;
-
-        img {
-            width: 100%;
-            max-height: none;
-        }
-    }
 }