diff --git a/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx b/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
index fa110805..cd1706d9 100644
--- a/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
+++ b/src/components/AsideHeader/__stories__/AsideHeader.stories.tsx
@@ -32,7 +32,16 @@ MultipleTooltip.args = {
     initialCompact: true,
 };
 
-const CustomThemeTemplate: StoryFn = (args) => <AsideHeaderShowcase {...args} />;
+const CustomThemeTemplate: StoryFn = (args) => (
+    <React.Fragment>
+        <style>
+            {`.g-root {
+                --gn-aside-header-menu-item-icon-color: var(--g-color-text-primary);
+            }`}
+        </style>
+        <AsideHeaderShowcase {...args} />
+    </React.Fragment>
+);
 export const CustomTheme = CustomThemeTemplate.bind({});
 CustomTheme.args = {
     headerDecoration: false,
diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
index 4e6127a0..e58e805b 100644
--- a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
+++ b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.scss
@@ -85,8 +85,6 @@ body {
     }
 
     &__custom-background {
-        --gn-aside-header-menu-item-icon-color: var(--g-color-text-primary);
-
         opacity: 75%;
     }
 }