diff --git a/build/scss/pages/_iframe.scss b/build/scss/pages/_iframe.scss
index 8cd23917b..bfa2e35eb 100644
--- a/build/scss/pages/_iframe.scss
+++ b/build/scss/pages/_iframe.scss
@@ -17,6 +17,14 @@ body.iframe-mode {
   height: 100%;
 
   &.iframe-mode {
+    .navbar-nav {
+      overflow-y: auto;
+      width: 100%;
+
+      .nav-link {
+        white-space: nowrap;
+      }
+    }
     .tab-content {
       position: relative;
     }
diff --git a/iframe.html b/iframe.html
index 364adadfa..f6ee32a08 100644
--- a/iframe.html
+++ b/iframe.html
@@ -743,11 +743,8 @@
   <!-- Content Wrapper. Contains page content -->
   <div class="content-wrapper iframe-mode" data-widget="iframe" data-loading-screen="750">
     <div class="nav navbar navbar-expand-lg navbar-white navbar-light border-bottom p-0">
-      <ul class="navbar-nav" role="tablist">
-        <li class="nav-item" role="presentation">
-          <a class="nav-link bg-danger" href="#" class="iframe-close">Close</a>
-        </li>
-      </ul>
+      <a class="nav-link bg-danger" href="#" data-widget="iframe-close">Close</a>
+      <ul class="navbar-nav" role="tablist"></ul>
     </div>
     <div class="tab-content">
       <div class="tab-empty">