diff --git a/web/src/lib/components/ui/Dropdown.svelte b/web/src/lib/components/ui/Dropdown.svelte
--- 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 border border-border-default bg-background-default text-sm shadow-menu"
+			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 border border-border-default bg-background-default text-sm text-foreground-default shadow-menu"
 		},
 		variants: {
 			align: {
diff --git a/web/src/lib/components/ui/DropdownItem.svelte b/web/src/lib/components/ui/DropdownItem.svelte
--- a/web/src/lib/components/ui/DropdownItem.svelte
+++ b/web/src/lib/components/ui/DropdownItem.svelte
@@ -2,7 +2,7 @@
 	import { tv, type VariantProps } from "tailwind-variants";
 
 	export const dropdownItem = tv({
-		base: "flex w-full cursor-pointer items-center gap-2 bg-transparent px-[0.7rem] py-[0.55rem] text-left text-inherit no-underline transition-colors duration-150 hover:no-underline",
+		base: "flex w-full cursor-pointer items-center gap-2 bg-transparent p-2 text-left no-underline hover:no-underline",
 		variants: {
 			danger: {
 				false: "hover:bg-background-subtle dark:hover:bg-[rgb(55_65_81_/_0.5)]",
diff --git a/web/src/routes/[handle]/[repo]/issues/+page.svelte b/web/src/routes/[handle]/[repo]/issues/+page.svelte
--- a/web/src/routes/[handle]/[repo]/issues/+page.svelte
+++ b/web/src/routes/[handle]/[repo]/issues/+page.svelte
@@ -5,7 +5,7 @@
 	let { data } = $props();
 </script>
 
-<section class="mt-2 rounded bg-background-default px-6 py-4 text-foreground-default shadow-sm">
+<section class="rounded bg-background-default px-6 py-4 text-foreground-default shadow-sm">
 	<IssueToolbar
 		ownerHandle={data.repo.ownerHandle}
 		repoName={data.repo.name}
diff --git a/web/src/routes/[handle]/[repo]/issues/[aturi]/+page.svelte b/web/src/routes/[handle]/[repo]/issues/[aturi]/+page.svelte
--- a/web/src/routes/[handle]/[repo]/issues/[aturi]/+page.svelte
+++ b/web/src/routes/[handle]/[repo]/issues/[aturi]/+page.svelte
@@ -110,7 +110,7 @@
 	</button>
 {/snippet}
 
-<div class="mt-2 grid grid-cols-1 gap-4 lg:grid-cols-10">
+<div class="grid grid-cols-1 gap-4 lg:grid-cols-10">
 	<!-- conversation -->
 	<div class="lg:col-span-8">
 		<section class="rounded bg-background-default px-6 py-4 text-foreground-default shadow-sm">