diff --git a/src/scripts/index.js b/src/scripts/index.js
index 9091310..a3412a6 100644
--- a/src/scripts/index.js
+++ b/src/scripts/index.js
@@ -81,6 +81,12 @@ document.addEventListener('DOMContentLoaded', function (event) {
     }
   }).catch(error => console.log(error));
 
-
+  // Document -> close menu
+  document.addEventListener("click", event => {
+    if (!event.target.closest('#user-controls')) {
+      let userControls = this.querySelector('#user-controls');
+      if (userControls) userControls.removeAttribute("open");
+    }
+  });
 
 });
\ No newline at end of file