diff --git a/comic_reader.css b/comic_reader.css
index 0809aca..42492d0 100644
--- a/comic_reader.css
+++ b/comic_reader.css
@@ -104,7 +104,6 @@
 }
 
 #help-menu > #help-controls {
-    display: grid;
     padding: 0 1em 1em 0;
     background-color: rgba(0,0,0,0.5);
     z-index: 1;
@@ -113,11 +112,13 @@
     border: white solid;
     border-width: 1px 0 0 1px;
     border-radius: 0.3em 0 0 0;
+    transform: translate(0, calc(100% - 2em));
 }
 
 #help-menu > #help-controls:hover {
     opacity: 1;
     transition: all 0.3s linear;
+    transform: translate(0, 0);
 }
 
 #help-menu > #help-controls > div {
diff --git a/comic_reader.js b/comic_reader.js
index ee2aec8..43c9749 100644
--- a/comic_reader.js
+++ b/comic_reader.js
@@ -169,6 +169,7 @@ function initReader(){
     
     setTimeout(() => {
         HELP_CONTROLS.style.opacity = null;
+        HELP_CONTROLS.style.transform = null;
     }, DELAY_BEFORE_HIDDING_CONTROLS)
 }
 
diff --git a/comic_reader_test_high_res.html b/comic_reader_test_high_res.html
index 9f28024..e2d6550 100644
--- a/comic_reader_test_high_res.html
+++ b/comic_reader_test_high_res.html
@@ -42,7 +42,7 @@
                 </div>
                 
                 <div id="help-menu">
-                    <div id="help-controls" style="opacity:1">
+                    <div id="help-controls" style="opacity:1; transform: translate(0,0);">
                         <div><div class="key">F</div>: Toggle fullscreen</div>
                         <div><div class="key">&larr;</div>/ scroll up / clic left : previous panel</div>
                         <div><div class="key">&rarr;</div>/ scroll down / clic center or right : next panel</div>