diff --git a/resources/views/components/nav/dropdown-item.blade.php b/resources/views/components/nav/dropdown-item.blade.php
index 798ba0e..062d74a 100644
--- a/resources/views/components/nav/dropdown-item.blade.php
+++ b/resources/views/components/nav/dropdown-item.blade.php
@@ -3,7 +3,10 @@
 ])
 
 <li class="z-10">
-    <details>
+    <details
+            x-data
+            x-ref="dropdown"
+            @click.outside="$refs.dropdown.open = false">
         <summary>{{ $title }}</summary>
         <ul class="p-2 bg-primary">
             {{ $slot }}