diff --git a/blocksuite/affine/blocks/block-surface/src/utils/get-bg-grip-gap.ts b/blocksuite/affine/blocks/block-surface/src/utils/get-bg-grip-gap.ts
index 69e0c3ec9..f734f91b2 100644
--- a/blocksuite/affine/blocks/block-surface/src/utils/get-bg-grip-gap.ts
+++ b/blocksuite/affine/blocks/block-surface/src/utils/get-bg-grip-gap.ts
@@ -6,5 +6,5 @@ export function getBgGridGap(zoom: number) {
   const step = zoom < 0.5 ? 2 : 1 / (Math.floor(zoom) || 1);
   const gap = clamp(20 * step * zoom, GRID_GAP_MIN, GRID_GAP_MAX);
 
-  return gap;
+  return Math.round(gap);
 }