diff --git a/frontend/resources/styles/main/partials/viewer.scss b/frontend/resources/styles/main/partials/viewer.scss
index cc4b727301..0a774646f6 100644
--- a/frontend/resources/styles/main/partials/viewer.scss
+++ b/frontend/resources/styles/main/partials/viewer.scss
@@ -27,9 +27,10 @@
     height: 100%;
     display: flex;
     align-items: center;
+    width: 53px;
 
     .arrow {
-      display: flex;
+      display: none;
       align-items: center;
       justify-content: center;
       border-radius: 12px;
@@ -49,6 +50,10 @@
         fill: $color-black;
       }
     }
+
+    &:hover .arrow {
+      display: flex;
+    }
   }
 
   & .viewer-go-next {