diff --git a/public/javascripts/app/templates/post-viewer/nav.handlebars b/public/javascripts/app/templates/post-viewer/nav.handlebars
index 2f823bd0f..68b3b9fe0 100644
--- a/public/javascripts/app/templates/post-viewer/nav.handlebars
+++ b/public/javascripts/app/templates/post-viewer/nav.handlebars
@@ -1,7 +1,11 @@
 <a href="#" class="nav-arrow left" id="forward">
-  <img src="/images/arrow-left.png" />
+  <div class="nav-arrow-inner">
+    <img src="/images/arrow-left.png" />
+  </div>
 </a>
 
 <a href="#" class="nav-arrow right" id="back">
-  <img src="/images/arrow-right.png" />
+  <div class="nav-arrow-inner">
+    <img src="/images/arrow-right.png" />
+  </div>
 </a>
diff --git a/public/javascripts/app/views/post-viewer/nav.js b/public/javascripts/app/views/post-viewer/nav.js
index 32d748a41..a85ae2e40 100644
--- a/public/javascripts/app/views/post-viewer/nav.js
+++ b/public/javascripts/app/views/post-viewer/nav.js
@@ -23,7 +23,7 @@ app.views.PostViewerNav = app.views.Base.extend({
     if(evt) { evt.preventDefault(); }
     var link;
 
-    evt.target.tagName == "IMG" ? link = $(evt.target).closest("a") : link = $(evt.target)
+    evt.target.tagName != "A" ? link = $(evt.target).closest("a") : link = $(evt.target)
     app.router.navigate(link.attr("href").substring(1), true)
   }
 
diff --git a/public/stylesheets/sass/new-templates.scss b/public/stylesheets/sass/new-templates.scss
index c732294dd..c92102f7f 100644
--- a/public/stylesheets/sass/new-templates.scss
+++ b/public/stylesheets/sass/new-templates.scss
@@ -219,7 +219,8 @@ $light-grey: #999;
 .nav-arrow {
   @include opacity(0.8);
   @include transition(background-color, 0.3s);
-  @include center();
+
+  display: table;
 
   position: fixed;
   height: 100%;
@@ -228,6 +229,12 @@ $light-grey: #999;
   padding: 0 13px;
   background-color: rgba(0,0,0,0);
 
+  .nav-arrow-inner {
+    padding: 0; margin: 0;
+    display: table-cell;
+    vertical-align: middle;
+  }
+
   img {
     @include opacity(0.5);