diff --git a/packages/zapp/console/src/components/flytegraph/ReactFlow/NodeStatusLegend.tsx b/packages/zapp/console/src/components/flytegraph/ReactFlow/NodeStatusLegend.tsx
index 6b305f4925..e88abe852a 100644
--- a/packages/zapp/console/src/components/flytegraph/ReactFlow/NodeStatusLegend.tsx
+++ b/packages/zapp/console/src/components/flytegraph/ReactFlow/NodeStatusLegend.tsx
@@ -33,8 +33,14 @@ export const LegendItem = ({ color, text }) => {
   );
 };
 
-export const Legend = () => {
-  const [isVisible, setIsVisible] = useState(true);
+interface LegendProps {
+  initialIsVisible?: boolean;
+}
+
+export const Legend: React.FC<LegendProps> = (props) => {
+  const { initialIsVisible = false } = props;
+
+  const [isVisible, setIsVisible] = useState(initialIsVisible);
 
   const positionStyle: CSSProperties = {
     bottom: '1rem',