diff --git a/components/ui/MiniTocs/MiniTocs.tsx b/components/ui/MiniTocs/MiniTocs.tsx
index fda2168f5f..81e49de99f 100644
--- a/components/ui/MiniTocs/MiniTocs.tsx
+++ b/components/ui/MiniTocs/MiniTocs.tsx
@@ -20,11 +20,11 @@ const renderTocItem = (item: MiniTocItem) => {
         listStyle: 'none',
         padding: '2px',
         ':hover': {
-          bg: 'var(--color-canvas-inset)',
+          bg: 'var(--color-canvas-inset) !important',
         },
         'ul > li': {
           ':hover': {
-            bg: 'var(--color-neutral-subtle)',
+            bg: 'var(--color-neutral-subtle) !important',
           },
         },
       }}