diff --git a/src/theme/DocSidebarItem/Category.tsx b/src/theme/DocSidebarItem/Category.tsx
index 97c298aa..4b1e4591 100644
--- a/src/theme/DocSidebarItem/Category.tsx
+++ b/src/theme/DocSidebarItem/Category.tsx
@@ -116,7 +116,7 @@ export default function DocSidebarItemCategory({
         className={clsx("flex justify-between items-center py-2 px-4", {
           "bg-brand-500 dark:bg-brand-800 text-gray-900 hover:text-gray-900 dark:text-brand-600 dark:hover:text-brand-600":
             isActive,
-          "hover:text-brand-700 hover:dark:text-brand-600": !isActive,
+          "hover:text-brand-700 dark:hover:text-brand-600": !isActive,
         })}
         onClick={
           collapsible
diff --git a/src/theme/TOC/index.tsx b/src/theme/TOC/index.tsx
index 084b783a..681054f7 100644
--- a/src/theme/TOC/index.tsx
+++ b/src/theme/TOC/index.tsx
@@ -14,7 +14,7 @@ export default function TOC({ className, ...props }: Props) {
       <TOCItems
         {...props}
         className="[&_ul]:pl-4"
-        linkClassName="py-2 px-4 block hover:text-brand-700 hover:dark:text-brand-600 [&.active]:bg-brand-500 [&.active]:dark:bg-brand-800 [&.active]:text-gray-900 [&.active]:dark:text-brand-600"
+        linkClassName="py-2 px-4 block hover:text-brand-700 dark:hover:text-brand-600 [&.active]:bg-brand-500 [&.active]:dark:bg-brand-800 [&.active]:text-gray-900 [&.active]:dark:text-brand-600"
         linkActiveClassName="active"
       />
     </div>