diff --git a/packages/frontend/core/src/components/affine/page-properties/styles.css.ts b/packages/frontend/core/src/components/affine/page-properties/styles.css.ts
index 1d3be9aff..2fe8b1a87 100644
--- a/packages/frontend/core/src/components/affine/page-properties/styles.css.ts
+++ b/packages/frontend/core/src/components/affine/page-properties/styles.css.ts
@@ -97,10 +97,10 @@ export const tableHeaderTimestamp = style({
 });
 
 export const tableHeaderDivider = style({
-  height: '0.5px',
+  height: 0,
+  borderTop: `1px solid ${cssVar('borderColor')}`,
   width: '100%',
   margin: '8px 0',
-  backgroundColor: cssVar('borderColor'),
 });
 
 export const tableBodyRoot = style({
diff --git a/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts b/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts
index ddeb7ba35..ba066f97e 100644
--- a/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts
+++ b/packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/styles.css.ts
@@ -65,8 +65,8 @@ export const propertyDocCount = style({
 
 export const divider = style({
   width: '100%',
-  height: 1,
-  backgroundColor: cssVar('dividerColor'),
+  height: 0,
+  borderTop: `1px solid ${cssVar('borderColor')}`,
 });
 
 export const spacer = style({