diff --git a/fluxer_app/src/features/app/components/layout/NagbarButton.module.css b/fluxer_app/src/features/app/components/layout/NagbarButton.module.css
index a851147dc..acb833b2d 100644
--- a/fluxer_app/src/features/app/components/layout/NagbarButton.module.css
+++ b/fluxer_app/src/features/app/components/layout/NagbarButton.module.css
@@ -3,5 +3,5 @@
 .button {
 	font-weight: 600;
 	-webkit-app-region: no-drag;
-	color: var(--nagbar-background-color, inherit);
+	--button-inverted-text: var(--nagbar-background-color, inherit);
 }
diff --git a/fluxer_app/src/features/app/components/layout/app_layout/nagbars/ConnectionNagbar.tsx b/fluxer_app/src/features/app/components/layout/app_layout/nagbars/ConnectionNagbar.tsx
index 176d0ad3f..2e24f29d9 100644
--- a/fluxer_app/src/features/app/components/layout/app_layout/nagbars/ConnectionNagbar.tsx
+++ b/fluxer_app/src/features/app/components/layout/app_layout/nagbars/ConnectionNagbar.tsx
@@ -93,7 +93,6 @@ export const ConnectionNagbar = observer(({isMobile, rememberedRows}: Connection
 		return (
 			<NagbarButton
 				isMobile={isMobile}
-				variant="ghost"
 				onClick={handleOpenActionUrl}
 				disabled={false}
 				submitting={false}
@@ -110,7 +109,6 @@ export const ConnectionNagbar = observer(({isMobile, rememberedRows}: Connection
 		return (
 			<NagbarButton
 				isMobile={isMobile}
-				variant="ghost"
 				onClick={handleSwitchAccount}
 				disabled={false}
 				submitting={false}