diff --git a/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts b/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts
index 7ce8e10359..3bb16856c1 100644
--- a/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts
+++ b/packages/frontend/component/src/components/resize-panel/resize-panel.css.ts
@@ -50,7 +50,7 @@ export const resizeHandleContainer = style({
   right: resizeHandleOffsetVar,
   top: resizeHandleVerticalPadding,
   bottom: resizeHandleVerticalPadding,
-  width: 16,
+  width: 8,
   zIndex: '1',
   transform: 'translateX(50%)',
   backgroundColor: 'transparent',
diff --git a/packages/frontend/core/src/components/app-sidebar/index.tsx b/packages/frontend/core/src/components/app-sidebar/index.tsx
index 7e968312f3..4ba44c36bb 100644
--- a/packages/frontend/core/src/components/app-sidebar/index.tsx
+++ b/packages/frontend/core/src/components/app-sidebar/index.tsx
@@ -94,7 +94,7 @@ export function AppSidebar({ children }: PropsWithChildren) {
         onResizing={setResizing}
         onWidthChange={setWidth}
         className={navWrapperStyle}
-        resizeHandleOffset={clientBorder ? 8 : 0}
+        resizeHandleOffset={0}
         resizeHandleVerticalPadding={clientBorder ? 16 : 0}
         data-transparent
         data-open={open}
diff --git a/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx b/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx
index 6f0c1ee2c1..5a2ea7facc 100644
--- a/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx
+++ b/packages/frontend/core/src/modules/workbench/view/workbench-root.tsx
@@ -149,7 +149,7 @@ const WorkbenchSidebar = () => {
     <ResizePanel
       floating={floating}
       resizeHandlePos="left"
-      resizeHandleOffset={clientBorder ? 3.5 : 0}
+      resizeHandleOffset={0}
       width={width}
       resizing={resizing}
       onResizing={setResizing}