diff --git a/resources/views/segments/menu/RecetMenu/RecetMenu.js b/resources/views/segments/menu/RecetMenu/RecetMenu.js
index 08918ed..ea662fa 100644
--- a/resources/views/segments/menu/RecetMenu/RecetMenu.js
+++ b/resources/views/segments/menu/RecetMenu/RecetMenu.js
@@ -2,5 +2,16 @@ document.addEventListener('DOMContentLoaded',function () {
     document.querySelector('#rect-toggle')?.addEventListener('click',function (e) {
         e.preventDefault();
         document.querySelector('#RecetMenu').classList.toggle('show-menu');
+        setTimeout(function () {
+            document.addEventListener('click', handleDocumentClick);
+        },100);
     });
 })
+
+
+function handleDocumentClick(e) {
+    if (!document.querySelector('#RecetMenu').contains(e.target)) {
+        document.querySelector('#RecetMenu').classList.toggle('show-menu');
+        document.removeEventListener('click', handleDocumentClick);
+    }
+}
diff --git a/resources/views/segments/menu/RecetMenu/RecetMenu.scss b/resources/views/segments/menu/RecetMenu/RecetMenu.scss
index b8bd1c7..d9b739f 100644
--- a/resources/views/segments/menu/RecetMenu/RecetMenu.scss
+++ b/resources/views/segments/menu/RecetMenu/RecetMenu.scss
@@ -69,4 +69,10 @@
             }
         }
     }
+    .float-end {
+        i{
+            margin-top: .5rem;
+            display: inline-block;
+        }
+    }
 }