diff --git a/src/iss-components/site-header/menu-modal/menu-modal.vue b/src/iss-components/site-header/menu-modal/menu-modal.vue
index a9661f18..cc5f06a7 100644
--- a/src/iss-components/site-header/menu-modal/menu-modal.vue
+++ b/src/iss-components/site-header/menu-modal/menu-modal.vue
@@ -8,6 +8,13 @@
     </div>
     <!-- Modal -->
     <div class="modal menu-modal fade" data-bs-backdrop="false" id="footerModal" tabindex="-1" aria-labelledby="footerModalLabel" aria-hidden="true">
+        <div class="menu-modal-container">
+            <button class="menu-button" type="button" :class="[isActive ? 'active' : '']" aria-label="Hamburger Menu (modal window)" @click="toggle()">
+                <div class="bar1"></div>
+                <div class="bar2"></div>
+                <div class="bar3"></div>
+            </button>
+        </div>
     <div class="modal-dialog modal-fullscreen">
         <div class="modal-content">
             <div class="modal-header visually-hidden">
@@ -159,7 +166,7 @@ export default {
             position: absolute;
             padding: 1.47rem 1rem 1.47rem 1.47rem;
             right: .5rem;
-            top: -5.0rem;
+            top: -4.5rem;
             button {
                 border: none;
                 &.menu-button {
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 409e79a5..82aef9b5 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -58,7 +58,7 @@ body {
         overflow: auto;
     }
     // Prevent scroll when modal is open
-    .modal-open {
+    &.modal-open {
         .fade-on-route-transition {
             overflow: hidden;
         }
@@ -70,4 +70,4 @@ body {
         cursor: pointer;
         text-decoration: underline;
       }
-}
\ No newline at end of file
+}