diff --git a/src/addons/userprofilefield/checkbox/component/checkbox.scss b/src/addons/userprofilefield/checkbox/component/checkbox.scss
index af42a6a69..7306a701f 100644
--- a/src/addons/userprofilefield/checkbox/component/checkbox.scss
+++ b/src/addons/userprofilefield/checkbox/component/checkbox.scss
@@ -1,9 +1,19 @@
+@import "~theme/globals";
+
 :host {
     --text-overflow: initial;
     --white-space: normal;
 
-    .label-text {
-        text-overflow: var(--text-overflow);
-        white-space: var(--white-space);
+    .item-heading {
+        white-space: normal;
+    }
+
+    ion-label {
+        @include padding-horizontal(null, .5rem);
+
+        .label-text {
+            text-overflow: var(--text-overflow);
+            white-space: var(--white-space);
+        }
     }
 }
diff --git a/src/addons/userprofilefield/menu/component/menu.scss b/src/addons/userprofilefield/menu/component/menu.scss
new file mode 100644
index 000000000..173794a7c
--- /dev/null
+++ b/src/addons/userprofilefield/menu/component/menu.scss
@@ -0,0 +1,3 @@
+.item-heading {
+    white-space: normal;
+}
diff --git a/src/addons/userprofilefield/menu/component/menu.ts b/src/addons/userprofilefield/menu/component/menu.ts
index b497b69de..2109277d0 100644
--- a/src/addons/userprofilefield/menu/component/menu.ts
+++ b/src/addons/userprofilefield/menu/component/menu.ts
@@ -23,6 +23,7 @@ import { CoreUserProfileFieldBaseComponent } from '@features/user/classes/base-p
 @Component({
     selector: 'addon-user-profile-field-menu',
     templateUrl: 'addon-user-profile-field-menu.html',
+    styleUrls: ['./menu.scss'],
 })
 export class AddonUserProfileFieldMenuComponent extends CoreUserProfileFieldBaseComponent {