From c86c6ee527c422c8971893cbfdd0d75cd9fcd905 Mon Sep 17 00:00:00 2001
From: Manuel <manuel.fischer@abusix.com>
Date: Wed, 13 Dec 2023 11:56:42 +0100
Subject: [PATCH] fix(components): add hover state to popover nav items

---
 src/components/navigation/navigation-popover-panel.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/navigation/navigation-popover-panel.tsx b/src/components/navigation/navigation-popover-panel.tsx
index 85623fd2..23f4178e 100644
--- a/src/components/navigation/navigation-popover-panel.tsx
+++ b/src/components/navigation/navigation-popover-panel.tsx
@@ -8,7 +8,7 @@ export interface NavigationPopoverPanelItemProps {
 
 const NavigationPopoverPanelItem = ({ children }: NavigationPopoverPanelItemProps) => {
     return (
-        <div className="flex w-full cursor-pointer items-center overflow-hidden p-2">
+        <div className="flex w-full cursor-pointer items-center overflow-hidden px-4 py-2 hover:bg-neutral-100 focus:ring-2 focus:ring-primary-200">
             <p className="text-sm font-normal">{children}</p>
         </div>
     );
@@ -28,7 +28,7 @@ const NavigationPopoverPanel = ({ children }: NavigationPopoverPanelProps) => {
             ref={(el) => el && setPopperElement(el)}
             style={styles}
             {...attributes}
-            className="z-40 ml-2 w-52 rounded bg-neutral-0 p-2 shadow"
+            className="z-40 ml-2 w-52 rounded bg-neutral-0 py-2 shadow"
         >
             {children}
         </Popover.Panel>