diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx
index c21a7df8583..2c40c05f66f 100644
--- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx
+++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/DetailsPane.tsx
@@ -109,6 +109,7 @@ export function DetailsPane({
             }}
             graphStyle={graphStyle}
             onGraphInteraction={onGraphInteraction}
+            relId={vizItem.item.id}
             sourceNodeId={vizItem.item.source.id}
             targetNodeId={vizItem.item.target.id}
           />
diff --git a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx
index a5ac847a924..1e936ff2ed3 100644
--- a/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx
+++ b/src/browser/modules/Stream/CypherFrame/VisualizationView/PropertiesPanelContent/StyleableRelType.tsx
@@ -33,6 +33,7 @@ export type StyleableRelTypeProps = {
   graphStyle: GraphStyleModel
   selectedRelType: { relType: string; propertyKeys: string[]; count?: number }
   onGraphInteraction?: GraphInteractionCallBack
+  relId?: string
   sourceNodeId?: string
   targetNodeId?: string
 }
@@ -40,6 +41,7 @@ export function StyleableRelType({
   selectedRelType,
   graphStyle,
   onGraphInteraction = () => undefined,
+  relId,
   sourceNodeId,
   targetNodeId
 }: StyleableRelTypeProps): JSX.Element {
@@ -52,6 +54,7 @@ export function StyleableRelType({
       contentEditable="true"
       onInput={e =>
         onGraphInteraction(REL_TYPE_UPDATE, {
+          relId: relId,
           sourceNodeId: sourceNodeId,
           targetNodeId: targetNodeId,
           oldType: selectedRelType.relType,