diff --git a/packages/components/src/components/nav/component.tsx b/packages/components/src/components/nav/component.tsx
index eb0ef07f12..03d6710d90 100644
--- a/packages/components/src/components/nav/component.tsx
+++ b/packages/components/src/components/nav/component.tsx
@@ -65,6 +65,7 @@ export class KolNav implements API {
 		return (
 			<div class={{ entry: true, 'hide-label': hideLabel }}>
 				<kol-button-link-text-switch
+					class="button-link-text-switch"
 					_link={{
 						...link,
 						_hideLabel: hideLabel,
diff --git a/packages/components/src/components/nav/style.css b/packages/components/src/components/nav/style.css
index b8587e6d87..e252cbd345 100644
--- a/packages/components/src/components/nav/style.css
+++ b/packages/components/src/components/nav/style.css
@@ -24,9 +24,7 @@
 		display: flex;
 	}
 
-	.entry kol-button-wc:first-child,
-	.entry kol-link-wc,
-	.entry kol-span-wc {
+	.button-link-text-switch {
 		flex-grow: 1;
 	}