diff --git a/frontend/appflowy_web_app/src/components/publish/outline/OutlinePopover.tsx b/frontend/appflowy_web_app/src/components/publish/outline/OutlinePopover.tsx
index 0c9cf0197c..1a7c6fccfd 100644
--- a/frontend/appflowy_web_app/src/components/publish/outline/OutlinePopover.tsx
+++ b/frontend/appflowy_web_app/src/components/publish/outline/OutlinePopover.tsx
@@ -56,7 +56,7 @@ export function OutlinePopover({
         </div>
       </div>
     );
-  }, [onMouseEnter, onMouseLeave, t, viewMeta]);
+  }, [onMouseEnter, onMouseLeave, viewMeta]);
 
   return (
     <RichTooltip open={open} onClose={onClose} content={content} placement={placement}>
diff --git a/frontend/appflowy_web_app/src/styles/variables/light.variables.css b/frontend/appflowy_web_app/src/styles/variables/light.variables.css
index cd4ffee0f6..236e114d9a 100644
--- a/frontend/appflowy_web_app/src/styles/variables/light.variables.css
+++ b/frontend/appflowy_web_app/src/styles/variables/light.variables.css
@@ -20,7 +20,7 @@
     --fill-hover: #52d1f4;
     --fill-pressed: #009fd1;
     --fill-active: #e0f8ff;
-    --fill-list-hover: #e0f8ff;
+    --fill-list-hover: rgba(31, 35, 41, 6%);
     --fill-list-active: #f9fafd;
     --content-blue-400: #00bcf0;
     --content-blue-300: #52d1f4;