diff --git a/packages/synapse-bridge/src/patterns/HeaderBar/HeaderNavigationDrawer/HeaderNavigationDrawer.vue b/packages/synapse-bridge/src/patterns/HeaderBar/HeaderNavigationDrawer/HeaderNavigationDrawer.vue
index 81aa27ff17..34f2cd4c93 100644
--- a/packages/synapse-bridge/src/patterns/HeaderBar/HeaderNavigationDrawer/HeaderNavigationDrawer.vue
+++ b/packages/synapse-bridge/src/patterns/HeaderBar/HeaderNavigationDrawer/HeaderNavigationDrawer.vue
@@ -121,9 +121,11 @@ export default defineComponent({
 		.v-tab {
 			text-transform: uppercase;
 			letter-spacing: 0.0892857143em;
+			color: white;
 		}
 		.v-tab--selected {
 			background: rgba($color: #fff, $alpha: 0.1);
+			color: hsla(0,0%,100%,1);
 		}
 	}
 }