diff --git a/packages/component/src/components/card/workspace-card/styles.ts b/packages/component/src/components/card/workspace-card/styles.ts
index 649d9152b3..d0d7be6a99 100644
--- a/packages/component/src/components/card/workspace-card/styles.ts
+++ b/packages/component/src/components/card/workspace-card/styles.ts
@@ -62,6 +62,12 @@ export const StyledCard = styled('div')<{
       '.setting-entry': {
         opacity: 1,
         pointerEvents: 'auto',
+        backgroundColor: 'var(--affine-white-30)',
+        boxShadow: 'var(--affine-shadow-1)',
+        ':hover': {
+          background:
+            'linear-gradient(0deg, var(--affine-hover-color) 0%, var(--affine-hover-color) 100%), var(--affine-white-30)',
+        },
       },
     },
     '@media (max-width: 720px)': {