diff --git a/web/src/lib/components/ui/Dropdown.svelte b/web/src/lib/components/ui/Dropdown.svelte
index 02129471..2ddc8254 100644
--- a/web/src/lib/components/ui/Dropdown.svelte
+++ b/web/src/lib/components/ui/Dropdown.svelte
@@ -7,7 +7,7 @@
 			root: "relative inline-block",
 			plainTrigger:
 				"flex cursor-pointer items-center gap-1 border-0 bg-transparent p-0 text-inherit",
-			menu: "dropdown-menu fixed z-50 m-0 max-h-[calc(100dvh-1rem)] w-56 max-w-[calc(100vw-1rem)] divide-y divide-border-default overflow-auto rounded-sm border border-border-default bg-background-default typography-paragraph-small text-foreground-default shadow-regular"
+			menu: "dropdown-menu fixed z-50 m-0 max-h-[calc(100dvh-1rem)] w-56 max-w-[calc(100vw-1rem)] divide-y divide-border-default overflow-auto rounded-sm border border-border-default bg-background-default text-foreground-default shadow-regular"
 		},
 		variants: {
 			align: {
diff --git a/web/src/lib/components/ui/DropdownItem.svelte b/web/src/lib/components/ui/DropdownItem.svelte
index 40559bb8..72996d0b 100644
--- a/web/src/lib/components/ui/DropdownItem.svelte
+++ b/web/src/lib/components/ui/DropdownItem.svelte
@@ -2,10 +2,10 @@
 	import { tv, type VariantProps } from "tailwind-variants";
 
 	export const dropdownItem = tv({
-		base: "flex w-full cursor-pointer items-center gap-2 bg-transparent p-2 text-left no-underline hover:no-underline",
+		base: "flex w-full cursor-pointer items-center gap-2 bg-transparent p-2 text-left no-underline hover:bg-background-subtle hover:no-underline dark:hover:bg-background-muted",
 		variants: {
 			danger: {
-				false: "hover:bg-background-subtle dark:hover:bg-[rgb(55_65_81/0.5)]",
+				false: "",
 				true: "text-foreground-danger hover:bg-background-danger-subtle"
 			}
 		},