diff --git a/web/client/plugins/TOC/components/DefaultLayer.jsx b/web/client/plugins/TOC/components/DefaultLayer.jsx
index 2a6ddcddde..673660267d 100644
--- a/web/client/plugins/TOC/components/DefaultLayer.jsx
+++ b/web/client/plugins/TOC/components/DefaultLayer.jsx
@@ -64,6 +64,9 @@ const NodeLegend = ({
                     <li>
                         {visible ? <VectorLegend
                             style={node?.style}
+                            layer={node}
+                            interactive
+                            onChange={onChange}
                         /> : null}
                     </li>
                 </>
@@ -81,6 +84,7 @@ const NodeLegend = ({
                         language={config?.language}
                         {...config?.layerOptions?.legendOptions}
                         onChange={onChange}
+                        interactive
                     /> : null}
                 </li>
             </>