diff --git a/packages/react/src/components/Accordion/Accordion.stories.tsx b/packages/react/src/components/Accordion/Accordion.stories.tsx
index 31e469ab89..a4e69c91fb 100644
--- a/packages/react/src/components/Accordion/Accordion.stories.tsx
+++ b/packages/react/src/components/Accordion/Accordion.stories.tsx
@@ -54,7 +54,7 @@ export const AccordionBorder: StoryFn<typeof Accordion> = () => (
 export const AccordionColor: StoryFn<typeof Accordion> = () => (
   <Accordion
     border
-    color='secondary'
+    color='second'
   >
     <Accordion.Item>
       <Accordion.Header level={3}>
diff --git a/storefront/components/SidebarMenu/SidebarMenu.tsx b/storefront/components/SidebarMenu/SidebarMenu.tsx
index c9bd14a3bd..fbe81a6398 100644
--- a/storefront/components/SidebarMenu/SidebarMenu.tsx
+++ b/storefront/components/SidebarMenu/SidebarMenu.tsx
@@ -41,7 +41,7 @@ const SidebarMenu = ({ routerPath }: SidebarMenuProps) => {
             className={classes.toggleBtn}
             fullWidth
             size='medium'
-            color='secondary'
+            color='second'
             variant='outline'
             onClick={() => setShowMenu(!showMenu)}
             aria-expanded={showMenu}