diff --git a/app/src/modules/insights/routes/dashboard.vue b/app/src/modules/insights/routes/dashboard.vue
index 5ff37a2087..f7423b848a 100644
--- a/app/src/modules/insights/routes/dashboard.vue
+++ b/app/src/modules/insights/routes/dashboard.vue
@@ -2,7 +2,7 @@
 	<insights-not-found v-if="!currentDashboard" />
 	<private-view v-else :title="currentDashboard.name">
 		<template #title-outer:prepend>
-			<v-button rounded disabled icon secondary>
+			<v-button class="header-icon" rounded disabled icon secondary>
 				<v-icon :name="currentDashboard.icon" />
 			</v-button>
 		</template>
@@ -345,4 +345,8 @@ export default defineComponent({
 	--v-button-color-active: var(--foreground-inverted);
 	--v-button-background-color-active: var(--primary);
 }
+
+.header-icon {
+	--v-button-color-disabled: var(--foreground-normal);
+}
 </style>
diff --git a/app/src/modules/insights/routes/overview.vue b/app/src/modules/insights/routes/overview.vue
index 0246829da5..0c4e696c17 100644
--- a/app/src/modules/insights/routes/overview.vue
+++ b/app/src/modules/insights/routes/overview.vue
@@ -1,7 +1,7 @@
 <template>
 	<private-view :title="t('insights')">
 		<template #title-outer:prepend>
-			<v-button rounded disabled icon secondary>
+			<v-button class="header-icon" rounded disabled icon secondary>
 				<v-icon name="dashboard" />
 			</v-button>
 		</template>
@@ -212,4 +212,8 @@ export default defineComponent({
 	--v-list-item-color-hover: var(--warning);
 	--v-list-item-icon-color: var(--warning);
 }
+
+.header-icon {
+	--v-button-color-disabled: var(--foreground-normal);
+}
 </style>