1 files changed, 8 insertions, 4 deletions
diff --git a/app/assets/javascripts/groups/components/group_item.vue b/app/assets/javascripts/groups/components/group_item.vue
index 8d202194de7..af1af86d0c4 100644
--- a/app/assets/javascripts/groups/components/group_item.vue
+++ b/app/assets/javascripts/groups/components/group_item.vue
@@ -21,7 +21,7 @@ import {
   VISIBILITY_TYPE_ICON,
   GROUP_VISIBILITY_TYPE,
 } from '~/visibility_level/constants';
-import { ITEM_TYPE } from '../constants';
+import { ITEM_TYPE, ACTIVE_TAB_SHARED } from '../constants';
 
 import eventHub from '../event_hub';
 
@@ -50,7 +50,11 @@ export default {
     ItemActions,
     ItemStats,
   },
-  inject: ['currentGroupVisibility'],
+  inject: {
+    currentGroupVisibility: {
+      default: '',
+    },
+  },
   props: {
     parentGroup: {
       type: Object,
@@ -114,7 +118,7 @@ export default {
     },
     shouldShowVisibilityWarning() {
       return (
-        this.action === 'shared' &&
+        this.action === ACTIVE_TAB_SHARED &&
         VISIBILITY_LEVELS_STRING_TO_INTEGER[this.group.visibility] >
           VISIBILITY_LEVELS_STRING_TO_INTEGER[this.currentGroupVisibility]
       );
@@ -201,7 +205,7 @@ export default {
               data-testid="group-name"
               :href="group.relativePath"
               :title="group.fullName"
-              class="no-expand gl-mr-3 gl-text-gray-900!"
+              class="no-expand gl-mr-3 gl-text-gray-900! gl-word-break-word"
               :itemprop="microdata.nameItemprop"
             >
               <!-- ending bracket must be by closing tag to prevent -->