diff --git a/packages/web-react/src/components/Navigation/demo/NavigationVerticalWithCollapse.tsx b/packages/web-react/src/components/Navigation/demo/NavigationVerticalWithCollapse.tsx
index 9e1fa95de6..6c9a544767 100644
--- a/packages/web-react/src/components/Navigation/demo/NavigationVerticalWithCollapse.tsx
+++ b/packages/web-react/src/components/Navigation/demo/NavigationVerticalWithCollapse.tsx
@@ -16,7 +16,7 @@ const NavigationVerticalWithCollapse = () => {
       <NavigationItem>
         <NavigationAction elementType="button" onClick={toggleHandler} aria-expanded="true" isSelected>
           Menu
-          <Icon name={isOpen ? 'chevron-up' : 'chevron-down'} size="small" />
+          <Icon name={`chevron-${isOpen ? 'up' : 'down'}`} size="small" />
         </NavigationAction>
         <Collapse id="collapse-navigation" isOpen={isOpen}>
           <ul>