diff --git a/frontend/src/components/Nav/ClusterMenu/ClusterMenu.tsx b/frontend/src/components/Nav/ClusterMenu/ClusterMenu.tsx
index e12404393..b07cd481e 100644
--- a/frontend/src/components/Nav/ClusterMenu/ClusterMenu.tsx
+++ b/frontend/src/components/Nav/ClusterMenu/ClusterMenu.tsx
@@ -1,4 +1,4 @@
-import React, { type FC, useState } from 'react';
+import React, { type FC, useEffect, useState } from 'react';
 import { Cluster, ClusterFeaturesEnum } from 'generated-sources';
 import * as S from 'components/Nav/Nav.styled';
 import MenuTab from 'components/Nav/Menu/MenuTab';
@@ -35,7 +35,7 @@ const ClusterMenu: FC<ClusterMenuProps> = ({
   const hasFeatureConfigured = (key: ClusterFeaturesEnum) =>
     features?.includes(key);
 
-  const [isOpen, setIsOpen] = useState(!!opened);
+  const [isOpen, setIsOpen] = useState(opened);
   const location = useLocation();
   const navigate = useNavigate();
   const [colorKey, setColorKey] = useLocalStorage<ClusterColorKey>(
@@ -43,6 +43,10 @@ const ClusterMenu: FC<ClusterMenuProps> = ({
     'transparent'
   );
 
+  useEffect(() => {
+    if (opened) setIsOpen(true);
+  }, [opened]);
+
   const getIsMenuItemActive = (path: string) => {
     return location.pathname.includes(path);
   };