From 8e1ed7953f802c318eeb38830fe9be1167e4f26f Mon Sep 17 00:00:00 2001
From: Farah Rasheed <Farah.Rasheed1@dell.com>
Date: Fri, 5 Jul 2024 11:00:38 -0500
Subject: [PATCH] Fix word-break for group name in edit role group

Apply 'word-break: break-all' style for the group name field in the
Edit role group modal to ensure long group names wrap properly within
their container.

The change improves the readability and layout consistency of the
group name display in the modal even if it contains long text.
Fixes #111

Change-Id: Ia424fadc1630bbf28726a7064ff9b14764877d2b
Signed-off-by: Farah Rasheed <Farah.Rasheed1@dell.com>
---
 src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue b/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue
index 6ea2561aaa..beacf57500 100644
--- a/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue
+++ b/src/views/SecurityAndAccess/Ldap/ModalAddRoleGroup.vue
@@ -16,7 +16,7 @@
             <template v-if="roleGroup !== null">
               <dl class="mb-4">
                 <dt>{{ $t('pageLdap.modal.groupName') }}</dt>
-                <dd>{{ form.groupName }}</dd>
+                <dd style="word-break: break-all">{{ form.groupName }}</dd>
               </dl>
             </template>