diff --git a/.changes/unreleased/Fixed-20250605-101314.yaml b/.changes/unreleased/Fixed-20250605-101314.yaml
new file mode 100644
index 000000000..e01274cde
--- /dev/null
+++ b/.changes/unreleased/Fixed-20250605-101314.yaml
@@ -0,0 +1,6 @@
+kind: Fixed
+body: Fix loading of classLists in SocialIssuesAcc.vue, ensure elements are present
+time: 2025-06-05T10:13:14.351260769+02:00
+custom:
+    Issue: ""
+    SchemaChange: No schema change
diff --git a/package.json b/package.json
index fc50ba29c..73fa14d86 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "@hotwired/stimulus": "^3.0.0",
     "@luminateone/eslint-baseline": "^1.0.9",
     "@symfony/stimulus-bridge": "^3.2.0",
+    "@symfony/ux-translator": "file:vendor/symfony/ux-translator/assets",
     "@symfony/webpack-encore": "^4.1.0",
     "@tsconfig/node20": "^20.1.4",
     "@types/dompurify": "^3.0.5",
diff --git a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
index a45d93b2a..18e090fc8 100644
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
@@ -136,8 +136,8 @@ export default {
             issueIsLoading: false,
             actionIsLoading: false,
             actionAreLoaded: false,
-            socialIssuesClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialIssues").getAttribute("required") ? "required" : ""}`,
-            socialActionsClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialActions").getAttribute("required") ? "required" : ""}`,
+            socialIssuesClassList: 'col-form-label',
+            socialActionsClassList: 'col-form-label',
         };
     },
     computed: {
@@ -158,6 +158,17 @@ export default {
         },
     },
     mounted() {
+        /* Load classNames after element is present */
+        const socialActionsEl = document.querySelector("input#chill_activitybundle_activity_socialActions");
+        if (socialActionsEl && socialActionsEl.hasAttribute("required")) {
+            this.socialActionsClassList += ' required';
+        }
+
+        const socialIssuessEl = document.querySelector("input#chill_activitybundle_activity_socialIssues");
+        if (socialIssuessEl && socialIssuessEl.hasAttribute("required")) {
+            this.socialIssuesClassList += ' required';
+        }
+
         /* Load other issues in multiselect */
         this.issueIsLoading = true;
         this.actionAreLoaded = false;