diff --git a/apps/web/src/components/page-detail-editor.css.ts b/apps/web/src/components/page-detail-editor.css.ts
index 9c1045cce..332e0ca02 100644
--- a/apps/web/src/components/page-detail-editor.css.ts
+++ b/apps/web/src/components/page-detail-editor.css.ts
@@ -7,12 +7,10 @@ export const pluginContainer = style({
 
 export const editor = style({
   height: 'calc(100% - 52px)',
-
   selectors: {
     '&.full-screen': {
-      padding: '0 5%',
       vars: {
-        '--affine-editor-width': '100%',
+        '--affine-editor-width': '90%',
       },
     },
   },
diff --git a/packages/component/src/ui/switch/index.css.ts b/packages/component/src/ui/switch/index.css.ts
index 9621c69e9..457a32a76 100644
--- a/packages/component/src/ui/switch/index.css.ts
+++ b/packages/component/src/ui/switch/index.css.ts
@@ -40,7 +40,7 @@ export const switchCheckedStyle = style({
   selectors: {
     '&:before': {
       background: 'var(--affine-toggle-circle-background-color)',
-      transform: 'translate(100%,-50%)',
+      transform: 'translate(21px,-50%)',
     },
   },
 });