diff --git a/index.html b/index.html
index f5c17f5..c56ea1e 100644
--- a/index.html
+++ b/index.html
@@ -11,12 +11,12 @@
         <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
             <header class="mdl-layout__header">
                 <div class="mdl-layout__header-row">
+                    <!-- Navigation on the right -->
+                    <img src="static/res/ic_arrow_back_white_24px.svg" id='backIcon'></img>
                     <!-- Title -->
                     <span class="mdl-layout-title">Moonlight</span>
                     <!-- Add spacer, to align navigation to the right -->
                     <div class="mdl-layout-spacer"></div>
-                    <!-- Navigation on the right -->
-                    <img src="static/res/ic_arrow_back_white_24px.svg" id='backIcon'></img>
                 </div>
             </header>
             <main id="main-content" class="mdl-layout__content">
diff --git a/static/css/style.css b/static/css/style.css
index cf86292..da8f73c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -54,7 +54,9 @@
 }
 #backIcon {
     height: 32px;
-    width: 32px
+    width: 32px;
+    margin-left: -20px;
+    padding-right: 20px;
 }
 #addHostCell {
     padding-top:3px;