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 {