diff --git a/blocksuite/affine/fragments/outline/src/card/outline-card.css.ts b/blocksuite/affine/fragments/outline/src/card/outline-card.css.ts
index a96b48f202..59159d9140 100644
--- a/blocksuite/affine/fragments/outline/src/card/outline-card.css.ts
+++ b/blocksuite/affine/fragments/outline/src/card/outline-card.css.ts
@@ -26,10 +26,10 @@ export const cardPreview = style({
   borderRadius: '4px',
   cursor: 'default',
   userSelect: 'none',
-  ':hover': {
-    background: cssVarV2('layer/background/hoverOverlay'),
-  },
   selectors: {
+    [`${outlineCard}[data-sortable="true"] &:hover`]: {
+      background: cssVarV2('layer/background/hoverOverlay'),
+    },
     [`${outlineCard}[data-status="selected"] &`]: {
       background: cssVarV2('layer/background/hoverOverlay'),
     },