diff --git a/assets/js/components/ChargingPlanSettings.vue b/assets/js/components/ChargingPlanSettings.vue
index 5d3f3a7b5..d8cdb1ead 100644
--- a/assets/js/components/ChargingPlanSettings.vue
+++ b/assets/js/components/ChargingPlanSettings.vue
@@ -164,12 +164,12 @@ export default {
 h5 {
 	position: relative;
 	display: inline-block;
-	background-color: white;
+	background-color: var(--evcc-box);
 	top: -25px;
 	left: calc(50% - 50px);
 	padding: 0 0.5rem;
 	font-weight: normal;
-	color: var(--bs-gray);
+	color: var(--evcc-gray);
 	margin-bottom: -4rem;
 }
 </style>
diff --git a/assets/js/components/ChargingPlanSettingsEntry.vue b/assets/js/components/ChargingPlanSettingsEntry.vue
index 7562ca10e..b2fa44c60 100644
--- a/assets/js/components/ChargingPlanSettingsEntry.vue
+++ b/assets/js/components/ChargingPlanSettingsEntry.vue
@@ -84,7 +84,7 @@
 			<div class="col-12 col-lg-2 d-flex justify-content-end align-items-baseline">
 				<button
 					type="button"
-					class="btn text-muted text-decoration-underline"
+					class="btn evcc-default-text text-decoration-underline"
 					@click="removePlan"
 				>
 					{{ $t("main.chargingPlan.remove") }}