diff --git a/apps/token/src/components/nav/nav-dropdown.tsx b/apps/token/src/components/nav/nav-dropdown.tsx
index b82485a4f..e28059c61 100644
--- a/apps/token/src/components/nav/nav-dropdown.tsx
+++ b/apps/token/src/components/nav/nav-dropdown.tsx
@@ -18,7 +18,7 @@ export const NavDropDown = ({ navbarTheme }: { navbarTheme: NavbarTheme }) => {
       <AppNavLink
         name={
           <NavDropdownMenuTrigger
-            className="w-auto flex items-center"
+            className="w-auto flex items-center -m-3 p-3 cursor-pointer"
             data-testid="state-trigger"
             onClick={() => setOpen(!isOpen)}
           >
diff --git a/libs/ui-toolkit/src/components/nav-dropdown/dropdown-menu.tsx b/libs/ui-toolkit/src/components/nav-dropdown/dropdown-menu.tsx
index 63a94527f..325fcd9bd 100644
--- a/libs/ui-toolkit/src/components/nav-dropdown/dropdown-menu.tsx
+++ b/libs/ui-toolkit/src/components/nav-dropdown/dropdown-menu.tsx
@@ -53,7 +53,7 @@ export const NavDropdownMenuContent = forwardRef<
   <DropdownMenuPrimitive.Content
     {...contentProps}
     ref={forwardedRef}
-    className="bg-vega-dark-100 mt-4 py-4 rounded-xl border border-vega-dark-200 text-white"
+    className="z-10 bg-vega-dark-100 mt-4 py-4 rounded-xl border border-vega-dark-200 text-white"
     align="start"
     sideOffset={10}
   />