diff --git a/.changes/unreleased/Fixed-20251008-113621.yaml b/.changes/unreleased/Fixed-20251008-113621.yaml
new file mode 100644
index 000000000..75dcd9a4a
--- /dev/null
+++ b/.changes/unreleased/Fixed-20251008-113621.yaml
@@ -0,0 +1,6 @@
+kind: Fixed
+body: Fix loading of social issues and social actions within vue component
+time: 2025-10-08T11:36:21.158819835+02:00
+custom:
+    Issue: ""
+    SchemaChange: No schema change
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 18e090fc8..210f8092f 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,14 @@ export default {
             issueIsLoading: false,
             actionIsLoading: false,
             actionAreLoaded: false,
-            socialIssuesClassList: 'col-form-label',
-            socialActionsClassList: 'col-form-label',
+            socialIssuesClassList: {
+                "col-form-label": true,
+                required: false,
+            },
+            socialActionsClassList: {
+                "col-form-label": true,
+                required: false,
+            },
         };
     },
     computed: {
@@ -159,14 +165,18 @@ export default {
     },
     mounted() {
         /* Load classNames after element is present */
-        const socialActionsEl = document.querySelector("input#chill_activitybundle_activity_socialActions");
+        const socialActionsEl = document.querySelector(
+            "input#chill_activitybundle_activity_socialActions",
+        );
         if (socialActionsEl && socialActionsEl.hasAttribute("required")) {
-            this.socialActionsClassList += ' required';
+            this.socialActionsClassList.required = true;
         }
 
-        const socialIssuessEl = document.querySelector("input#chill_activitybundle_activity_socialIssues");
-        if (socialIssuessEl && socialIssuessEl.hasAttribute("required")) {
-            this.socialIssuesClassList += ' required';
+        const socialIssuesEl = document.querySelector(
+            "input#chill_activitybundle_activity_socialIssues",
+        );
+        if (socialIssuesEl && socialIssuesEl.hasAttribute("required")) {
+            this.socialIssuesClassList.required = true;
         }
 
         /* Load other issues in multiselect */