diff --git a/src/Components/Dropdown/DropdownItem.tsx b/src/Components/Dropdown/DropdownItem.tsx
index 148206a..1c1c313 100644
--- a/src/Components/Dropdown/DropdownItem.tsx
+++ b/src/Components/Dropdown/DropdownItem.tsx
@@ -15,11 +15,12 @@ const DropdownItem: React.FC<DropdownItemProps> = ({
 }) => {
   return (
     <Menu.Item>
-      {({ active }) => (
+      {({ focus, close }) => (
         <div
+          onClickCapture={close}
           className={cn(
             'hover:cursor-pointer',
-            active ? activeClass : '',
+            focus ? activeClass : '',
             className,
           )}
         >