diff --git a/js/components/navigationBar.js b/js/components/navigationBar.js
index 060d8b4167b..d04647e3b7f 100644
--- a/js/components/navigationBar.js
+++ b/js/components/navigationBar.js
@@ -192,12 +192,14 @@ class NavigationBar extends ImmutableComponent {
           {
             !this.showNoScriptInfo
             ? null
-            : <Button iconClass='fa-ban'
-              l10nId='noScriptButton'
-              className={cx({
-                'noScript': true
-              })}
-              onClick={this.onNoScript} />
+            : <span className='noScriptButtonContainer'>
+              <Button iconClass='fa-ban'
+                l10nId='noScriptButton'
+                className={cx({
+                  'noScript': true
+                })}
+                onClick={this.onNoScript} />
+            </span>
           }
         </div>
       }
diff --git a/less/navigationBar.less b/less/navigationBar.less
index 8578a7b31be..69f3c30a532 100644
--- a/less/navigationBar.less
+++ b/less/navigationBar.less
@@ -609,6 +609,16 @@
   background-size: 14px 14px;
 }
 
+.noScriptButtonContainer {
+    display: flex;
+    margin-left: 6px;
+
+    .noScript {
+      font-size: 16px;
+      color: @braveOrange;
+  }
+}
+
 #navigator {
   .bookmarkButtons {
     display: flex;
@@ -851,11 +861,6 @@
     }
   }
 
-  .noScript {
-    font-size: 16px;
-    color: @braveOrange;
-  }
-
   /* Disable selection of button text */
   > span {
      -webkit-user-select: none;