diff --git a/src/components/CheckboxRadioSwitch/CheckboxRadioSwitch.vue b/src/components/CheckboxRadioSwitch/CheckboxRadioSwitch.vue
index 1b56122597..d98bd7ab24 100644
--- a/src/components/CheckboxRadioSwitch/CheckboxRadioSwitch.vue
+++ b/src/components/CheckboxRadioSwitch/CheckboxRadioSwitch.vue
@@ -154,7 +154,7 @@ export default {
 			'checkbox-radio-switch--checked': isChecked,
 			'checkbox-radio-switch--disabled': disabled,
 			'checkbox-radio-switch--indeterminate': indeterminate,
-			'checkbox-radio-switch--alternate-radio': isAlternativeRadio,
+			'checkbox-radio-switch--button-variant': buttonVariant,
 		}"
 		:style="cssVars"
 		class="checkbox-radio-switch">
@@ -171,7 +171,7 @@ export default {
 		<label :for="id" class="checkbox-radio-switch__label">
 			<div v-if="loading" class="icon-loading-small checkbox-radio-switch__icon" />
 			<icon :is="checkboxRadioIconElement"
-				v-else-if="!isAlternativeRadio"
+				v-else-if="!buttonVariant"
 				:size="size"
 				class="checkbox-radio-switch__icon"
 				title=""
@@ -235,7 +235,7 @@ export default {
 		/**
 		 * Toggle the alternative style (for radio type only)
 		 */
-		alternativeStyle: {
+		buttonVariant: {
 			type: Boolean,
 			default: false,
 		},
@@ -325,10 +325,6 @@ export default {
 			return TYPE_CHECKBOX
 		},
 
-		isAlternativeRadio() {
-			return this.type === TYPE_RADIO && this.alternativeStyle
-		},
-
 		/**
 		 * Check if that entry is checked
 		 * If value is defined, we use that as the checked value
@@ -498,7 +494,7 @@ $spacing: 4px;
 		color: var(--color-primary-element-light);
 	}
 
-	&.checkbox-radio-switch--alternate-radio.checkbox-radio-switch {
+	&--button-variant.checkbox-radio-switch {
 		border: 2px solid var(--color-border-dark);
 		border-radius: var(--border-radius);
 
@@ -524,12 +520,12 @@ $spacing: 4px;
 				background-color: var(--color-background-dark);
 			}
 		}
+	}
 
-		.checkbox-radio-switch__label {
-			border-radius: 0 !important;
-			width: 100% !important;
-			margin: 0 !important;
-		}
+	&--button-variant &__label {
+		border-radius: 0 !important;
+		width: 100% !important;
+		margin: 0 !important;
 	}
 }
 </style>