From b15a2a963815ca1b925dfde8ac10924778046ef4 Mon Sep 17 00:00:00 2001
From: zzj3720 <zuozijian1994@gmail.com>
Date: Fri, 21 Feb 2025 17:10:06 +0800
Subject: [PATCH] fix(editor): adjust the style of the table block

---
 blocksuite/affine/block-table/src/table-block.css.ts | 3 +--
 blocksuite/affine/block-table/src/table-block.ts     | 2 +-
 blocksuite/affine/block-table/src/table-cell.css.ts  | 3 ++-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/blocksuite/affine/block-table/src/table-block.css.ts b/blocksuite/affine/block-table/src/table-block.css.ts
index ca4eae7fcb..d6f176a70f 100644
--- a/blocksuite/affine/block-table/src/table-block.css.ts
+++ b/blocksuite/affine/block-table/src/table-block.css.ts
@@ -2,8 +2,7 @@ import { style } from '@vanilla-extract/css';
 
 export const tableContainer = style({
   display: 'block',
-  backgroundColor: 'var(--affine-background-primary-color)',
-  padding: '10px 0 18px',
+  padding: '10px 0 18px 10px',
   overflowX: 'auto',
   overflowY: 'visible',
   selectors: {
diff --git a/blocksuite/affine/block-table/src/table-block.ts b/blocksuite/affine/block-table/src/table-block.ts
index 5a1d772316..807e8d3582 100644
--- a/blocksuite/affine/block-table/src/table-block.ts
+++ b/blocksuite/affine/block-table/src/table-block.ts
@@ -135,7 +135,7 @@ export class TableBlockComponent extends CaptionedBlockComponent<TableBlockModel
         contenteditable="false"
         class=${tableContainer}
         style=${styleMap({
-          marginLeft: `-${virtualPadding}px`,
+          marginLeft: `-${virtualPadding + 10}px`,
           marginRight: `-${virtualPadding}px`,
           position: 'relative',
         })}
diff --git a/blocksuite/affine/block-table/src/table-cell.css.ts b/blocksuite/affine/block-table/src/table-cell.css.ts
index aadbdf47d1..53e3e48236 100644
--- a/blocksuite/affine/block-table/src/table-cell.css.ts
+++ b/blocksuite/affine/block-table/src/table-cell.css.ts
@@ -4,7 +4,8 @@ import { createVar, style } from '@vanilla-extract/css';
 export const cellContainerStyle = style({
   position: 'relative',
   alignItems: 'center',
-  border: '1px solid var(--affine-border-color)',
+  border: '1px solid',
+  borderColor: cssVarV2.table.border,
   borderCollapse: 'collapse',
   isolation: 'auto',
   textAlign: 'start',