diff --git a/public/_includes/_main-nav.jade b/public/_includes/_main-nav.jade
index 1ce5d5e46a..d851f83d45 100644
--- a/public/_includes/_main-nav.jade
+++ b/public/_includes/_main-nav.jade
@@ -9,4 +9,4 @@ md-toolbar(class="main-nav background-regal l-pinned-top l-layer-5",scroll-y-off
       li.l-left <a class="main-nav-button" href="/docs/ts/latest/" md-button>Docs</a>
       li.l-left <a class="main-nav-button" href="/about/" md-button>About</a>
       li.l-left <a class="main-nav-button" href="/contribute.html" md-button>Contribute</a>
-      li.l-right <md-button ng-click="appCtrl.openFeedback()" class="md-icon-button top-nav-icon" aria-label="Submit feedback on this page"><span class="material-icons" style="line-height:1.5">feedback</span></md-button>
\ No newline at end of file
+      li.l-right.feedback-button <md-button ng-click="appCtrl.openFeedback()" class="md-icon-button top-nav-icon" aria-label="Submit feedback on this page"><span class="material-icons">feedback</span></md-button>
\ No newline at end of file
diff --git a/public/resources/css/module/_main-nav.scss b/public/resources/css/module/_main-nav.scss
index be12280622..7a131250e4 100644
--- a/public/resources/css/module/_main-nav.scss
+++ b/public/resources/css/module/_main-nav.scss
@@ -10,6 +10,10 @@
     padding: 0px 0px 0px ($unit * 2);
   }
 
+  .feedback-button {
+    margin-top: 10px;
+  }
+
   h1 {
     margin: 0px ($unit * 10) 0px 0px;
     padding: 0px;