diff --git a/packages/ui/src/components/Drawer/index.tsx b/packages/ui/src/components/Drawer/index.tsx
index c5d8032..66e9505 100755
--- a/packages/ui/src/components/Drawer/index.tsx
+++ b/packages/ui/src/components/Drawer/index.tsx
@@ -44,7 +44,7 @@ const useStyles = makeStyles((theme) => ({
     cursor: 'ew-resize',
     position: 'absolute',
     top: 0,
-    right: -2,
+    right: -4,
     bottom: 0,
     zIndex: 1201,
   },
diff --git a/packages/ui/src/config/layouts.ts b/packages/ui/src/config/layouts.ts
index d661071..88b0c97 100644
--- a/packages/ui/src/config/layouts.ts
+++ b/packages/ui/src/config/layouts.ts
@@ -1,5 +1,5 @@
 export const LayoutConfig = {
   drawerWidth: 260,
-  maxDrawerWidth: 520,
+  maxDrawerWidth: window.innerWidth / 2,
   modalWidth: 500,
 };