diff --git a/extensions/default/src/ViewerLayout/ToolbarButtonNestedMenu.jsx b/extensions/default/src/ViewerLayout/ToolbarButtonNestedMenu.jsx
index c6d8f7a35..1b0bb5144 100644
--- a/extensions/default/src/ViewerLayout/ToolbarButtonNestedMenu.jsx
+++ b/extensions/default/src/ViewerLayout/ToolbarButtonNestedMenu.jsx
@@ -20,6 +20,8 @@ function NestedMenu({ children, label, icon }) {
     };
   }, [isOpen]);
 
+  const isActive = isOpen || children.props.children.some(c => c.props.isActive);
+
   return (
     <ToolbarButton
       id="NestedMenu"
@@ -27,7 +29,7 @@ function NestedMenu({ children, label, icon }) {
       icon={icon}
       onClick={toggleNestedMenu}
       dropdownContent={isOpen && children}
-      isActive={isOpen}
+      isActive={isActive}
       type="primary"
     />
   );