diff --git a/public/stylesheets/fpmenu.css b/public/stylesheets/fpmenu.css
index c2b2e2ed2e..17b7a02c5b 100644
--- a/public/stylesheets/fpmenu.css
+++ b/public/stylesheets/fpmenu.css
@@ -116,7 +116,7 @@ body.fpmenu #fpmenu {
 }
 #fpmenu .forgot {
   font-size: 0.8em;
-  margin-top: 5px;
+  margin-top: 4px;
   text-align: center;
 }
 #fpmenu .forgot a {
diff --git a/ui/site/src/main.js b/ui/site/src/main.js
index 92089859a2..82a767c88f 100644
--- a/ui/site/src/main.js
+++ b/ui/site/src/main.js
@@ -612,9 +612,10 @@ lichess.topMenuIntent = function() {
         return false;
       });
 
-      $('#ham-plate').one('mouseover click', function() {
-        $('body').append($('<div id=fpmenu>').load('/fpmenu'));
+      $('#ham-plate').one('mouseover', function() {
         lichess.loadCss('/assets/stylesheets/fpmenu.css');
+      }).one('click', function() {
+        $('body').append($('<div id=fpmenu>').load('/fpmenu'));
       }).click(function() {
         document.body.classList.toggle('fpmenu');
       });