diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss
index 646deaa..2d48911 100644
--- a/packages/logos-docusaurus-theme/src/client/css/custom.scss
+++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss
@@ -231,7 +231,7 @@
   --desktop-footer-gap: 200px;
   --mobile-footer-gap: 144px;
   --doc-grid-gap: 16px;
-  
+
   --ifm-table-background: transparent !important;
   --ifm-table-stripe-background: transparent !important;
 
@@ -707,6 +707,14 @@ table {
   display: none;
 }
 
+.menu__list-item-collapsible > a[aria-expanded='false'] > svg {
+  transform: rotate(90deg);
+}
+
+.menu__list-item-collapsible > a[aria-expanded='true'] > svg {
+  transform: rotate(180deg);
+}
+
 @include utils.responsive('sm', 'down') {
   :root {
     --ifm-global-spacing: 0.5rem;
diff --git a/packages/logos-docusaurus-theme/src/client/theme/DocSidebarItem/Category/index.tsx b/packages/logos-docusaurus-theme/src/client/theme/DocSidebarItem/Category/index.tsx
index e281f94..a750673 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/DocSidebarItem/Category/index.tsx
+++ b/packages/logos-docusaurus-theme/src/client/theme/DocSidebarItem/Category/index.tsx
@@ -168,7 +168,7 @@ export default function DocSidebarItemCategory({
           <Typography variant="body2" color="primary">
             {label}
           </Typography>
-          {collapsed ? <ArrowUpIcon /> : <ArrowDownIcon />}
+          {collapsible && <ArrowUpIcon />}
         </Link>
         {href && collapsible && (
           <CollapseButton