diff --git a/src/theme/Navbar/Content/index.tsx b/src/theme/Navbar/Content/index.tsx
index 3706fce..0757600 100644
--- a/src/theme/Navbar/Content/index.tsx
+++ b/src/theme/Navbar/Content/index.tsx
@@ -49,7 +49,10 @@ export default function NavbarContent(): JSX.Element {
       <div className="col col--2">
         <button
           onClick={dispatch.toggleSidebar}
-          className={styles.sidebarButton}
+          className={clsx(
+            styles.sidebarButton,
+            hiddenDesktopSidebar && styles.expand,
+          )}
         >
           {!hiddenDesktopSidebar ? <ChevronIcon /> : <HamburgerIcon />}
         </button>
diff --git a/src/theme/Navbar/Content/styles.module.scss b/src/theme/Navbar/Content/styles.module.scss
index eb3ce77..13f775c 100644
--- a/src/theme/Navbar/Content/styles.module.scss
+++ b/src/theme/Navbar/Content/styles.module.scss
@@ -63,6 +63,20 @@
 
   width: 52px;
   height: 46px;
+
+  &.expand {
+    svg,
+    svg * {
+      fill: currentColor;
+    }
+  }
+
+  &:not(.expand) {
+    svg,
+    svg * {
+      stroke: currentColor;
+    }
+  }
 }
 
 %menu-common {