diff --git a/apps/frontend/src/components/ui/NavTabs.vue b/apps/frontend/src/components/ui/NavTabs.vue
index a84e186a23..019bbb93b5 100644
--- a/apps/frontend/src/components/ui/NavTabs.vue
+++ b/apps/frontend/src/components/ui/NavTabs.vue
@@ -18,11 +18,18 @@
 					v-if="link.icon"
 					class="size-5"
 					:class="{
-						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
 						'text-secondary': currentActiveIndex !== index || subpageSelected,
 					}"
 				/>
-				<span class="text-nowrap text-contrast">{{ link.label }}</span>
+				<span
+					class="text-nowrap"
+					:class="{
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
+						'text-contrast': currentActiveIndex !== index || subpageSelected,
+					}"
+					>{{ link.label }}</span
+				>
 			</NuxtLink>
 		</template>
 		<template v-else>
@@ -39,14 +46,14 @@
 					v-if="link.icon"
 					class="size-5"
 					:class="{
-						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
 						'text-secondary': currentActiveIndex !== index || subpageSelected,
 					}"
 				/>
 				<span
 					class="text-nowrap"
 					:class="{
-						'text-brand': currentActiveIndex === index && !subpageSelected,
+						'text-button-textSelected': currentActiveIndex === index && !subpageSelected,
 						'text-contrast': currentActiveIndex !== index || subpageSelected,
 					}"
 					>{{ link.label }}</span
diff --git a/packages/ui/src/components/servers/files/explorer/FileItem.vue b/packages/ui/src/components/servers/files/explorer/FileItem.vue
index 4ae0ba024a..5955df9d25 100644
--- a/packages/ui/src/components/servers/files/explorer/FileItem.vue
+++ b/packages/ui/src/components/servers/files/explorer/FileItem.vue
@@ -341,6 +341,12 @@ function handleDrop(event: DragEvent) {
 
 <style scoped>
 .file-row-alt {
+	background: color-mix(in srgb, var(--surface-2), black 3%);
+}
+
+:global(.dark-mode) .file-row-alt,
+:global(.dark) .file-row-alt,
+:global(.oled-mode) .file-row-alt {
 	background: color-mix(in srgb, var(--surface-2), black 10%);
 }
 </style>