diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
index 215d03d006..cfc4040b68 100644
--- a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
+++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue
@@ -414,6 +414,14 @@ export default {
 			default: false,
 		},
 
+		/**
+		 * Required state
+		 */
+		required: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Loading state
 		 */
@@ -441,6 +449,7 @@ export default {
 			return {
 				checked: this.isChecked,
 				indeterminate: this.indeterminate,
+				required: this.required,
 				name: this.name,
 			}
 		},
@@ -609,6 +618,7 @@ export default {
 <style lang="scss" scoped>
 .checkbox-radio-switch {
 	display: flex;
+	align-items: center;
 
 	&__input {
 		position: absolute;
@@ -616,6 +626,8 @@ export default {
 		opacity: 0 !important; // We need !important, or it gets overwritten by server style
 		width: var(--icon-size);
 		height: var(--icon-size);
+		// Same as label padding
+		margin: 4px $icon-margin;
 	}
 
 	&__input:focus-visible + label {