diff --git a/web/src/lib/components/ui/Select.stories.svelte b/web/src/lib/components/ui/Select.stories.svelte
index 5bece8b8..a6ec9302 100644
--- a/web/src/lib/components/ui/Select.stories.svelte
+++ b/web/src/lib/components/ui/Select.stories.svelte
@@ -88,7 +88,7 @@
 		<div class="w-64">
 			<Select {...args}>
 				{#snippet footer()}
-					<a href={resolve("/")} class="block p-2 typography-paragraph-small">View all branches</a>
+					<a href={resolve("/")} class="block p-2">View all branches</a>
 				{/snippet}
 			</Select>
 		</div>
diff --git a/web/src/lib/components/ui/selectField.ts b/web/src/lib/components/ui/selectField.ts
index 34780ad2..ef75e1cf 100644
--- a/web/src/lib/components/ui/selectField.ts
+++ b/web/src/lib/components/ui/selectField.ts
@@ -20,7 +20,7 @@ export type SelectAlign = "left" | "right";
  *  and only the border, fill and state colours live here. */
 export const selectField = tv({
 	slots: {
-		box: "w-full rounded-sm border bg-background-default typography-paragraph-small transition-colors outline-none disabled:cursor-not-allowed",
+		box: "w-full rounded-sm border bg-background-default transition-colors outline-none disabled:cursor-not-allowed",
 		chevron: "shrink-0 text-foreground-subtle"
 	},
 	variants: {