diff --git a/src/addons/userprofilefield/checkbox/component/addon-user-profile-field-checkbox.html b/src/addons/userprofilefield/checkbox/component/addon-user-profile-field-checkbox.html
index 64812f373..e0b5c770c 100644
--- a/src/addons/userprofilefield/checkbox/component/addon-user-profile-field-checkbox.html
+++ b/src/addons/userprofilefield/checkbox/component/addon-user-profile-field-checkbox.html
@@ -14,7 +14,7 @@
 <!-- Edit. -->
 <ion-item *ngIf="edit && field && field.shortname && form" [formGroup]="form">
     <ion-label>
-        <span [core-mark-required]="required">{{ field.name }}</span>
+        <span class="label-text" [core-mark-required]="required">{{ field.name }}</span>
         <core-input-errors [control]="form.controls[modelName]"></core-input-errors>
     </ion-label>
     <ion-checkbox item-end [formControlName]="modelName">
diff --git a/src/addons/userprofilefield/checkbox/component/checkbox.scss b/src/addons/userprofilefield/checkbox/component/checkbox.scss
new file mode 100644
index 000000000..af42a6a69
--- /dev/null
+++ b/src/addons/userprofilefield/checkbox/component/checkbox.scss
@@ -0,0 +1,9 @@
+:host {
+    --text-overflow: initial;
+    --white-space: normal;
+
+    .label-text {
+        text-overflow: var(--text-overflow);
+        white-space: var(--white-space);
+    }
+}
diff --git a/src/addons/userprofilefield/checkbox/component/checkbox.ts b/src/addons/userprofilefield/checkbox/component/checkbox.ts
index 5fdf29d0f..83b4a26fc 100644
--- a/src/addons/userprofilefield/checkbox/component/checkbox.ts
+++ b/src/addons/userprofilefield/checkbox/component/checkbox.ts
@@ -25,6 +25,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'addon-user-profile-field-checkbox',
     templateUrl: 'addon-user-profile-field-checkbox.html',
+    styleUrls: ['./checkbox.scss'],
 })
 export class AddonUserProfileFieldCheckboxComponent extends CoreUserProfileFieldBaseComponent {