diff --git a/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useDetailsViewSubscription.tsx b/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useDetailsViewSubscription.tsx
index d21cc28b72..1d61650429 100644
--- a/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useDetailsViewSubscription.tsx
+++ b/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useDetailsViewSubscription.tsx
@@ -49,7 +49,7 @@ export const useDetailsViewSubscription = (
   const input: GQLDetailsEventInput = {
     id: state.id,
     editingContextId,
-    representationId: `details://?objectIds=[${objectIds.join(',')}]`,
+    representationId: `details://?objectIds=[${objectIds.map(encodeURIComponent).join(',')}]`,
   };
 
   const variables: GQLDetailsEventVariables = { input };
diff --git a/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRelatedElementsViewSubscription.tsx b/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRelatedElementsViewSubscription.tsx
index 1680d2a74e..26ac00cd61 100644
--- a/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRelatedElementsViewSubscription.tsx
+++ b/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRelatedElementsViewSubscription.tsx
@@ -48,7 +48,7 @@ export const useRelatedElementsViewSubscription = (
   const input: GQLRelatedElementsEventInput = {
     id: state.id,
     editingContextId,
-    representationId: `relatedElements://?objectIds=[${objectIds.join(',')}]`,
+    representationId: `relatedElements://?objectIds=[${objectIds.map(encodeURIComponent).join(',')}]`,
   };
 
   const variables: GQLRelatedElementsEventVariables = { input };
diff --git a/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRepresentationsViewSubscription.tsx b/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRepresentationsViewSubscription.tsx
index 7dfcc76e7f..d2359a9b63 100644
--- a/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRepresentationsViewSubscription.tsx
+++ b/packages/sirius-web/frontend/sirius-web-application/src/views/edit-project/workbench-views/useRepresentationsViewSubscription.tsx
@@ -49,7 +49,7 @@ export const useRepresentationsViewSubscription = (
   const input: GQLRepresentationsEventInput = {
     id: state.id,
     editingContextId,
-    representationId: `representations://?objectIds=[${objectIds.join(',')}]`,
+    representationId: `representations://?objectIds=[${objectIds.map(encodeURIComponent).join(',')}]`,
   };
 
   const variables: GQLRepresentationsEventVariables = { input };