diff --git a/frontend/src/lib/components/sidebar/MenuButton.svelte b/frontend/src/lib/components/sidebar/MenuButton.svelte
index b44df6bd64..bdbaec2bf1 100644
--- a/frontend/src/lib/components/sidebar/MenuButton.svelte
+++ b/frontend/src/lib/components/sidebar/MenuButton.svelte
@@ -13,10 +13,8 @@
 	<Popover appearTimeout={0} disappearTimeout={0} class="w-full" disablePopup={!isCollapsed}>
 		<button
 			class={twMerge(
-				'group flex items-center px-2 py-2 font-light rounded-md h-8 gap-3 w-full',
-				lightMode
-					? 'text-primary hover:bg-surface-hover '
-					: '  hover:bg-[#34363c] text-primary-inverse',
+				'group flex items-center px-2 py-2 font-light rounded-md h-8 gap-3 w-full text-primary ',
+				lightMode ? 'hover:bg-surface-hover ' : '  hover:bg-[#34363c]',
 				'transition-all',
 				$$props.class
 			)}
@@ -26,24 +24,13 @@
 				<svelte:component
 					this={icon}
 					size={16}
-					class={twMerge(
-						'flex-shrink-0',
-						lightMode
-							? 'text-primary group-hover:text-secondary'
-							: 'text-primary-inverse group-hover:text-secondary-inverse',
-						'transition-all'
-					)}
+					class={twMerge('flex-shrink-0 text-primary group-hover:text-secondary', 'transition-all')}
 				/>
 			{/if}
 
 			{#if !isCollapsed && label}
 				<span
-					class={twMerge(
-						'whitespace-pre truncate',
-						lightMode ? 'text-primary' : 'text-primary-inverse',
-						'transition-all',
-						$$props.class
-					)}
+					class={twMerge('whitespace-pre truncate text-primary', 'transition-all', $$props.class)}
 				>
 					{label}
 				</span>