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 36668728ca..b49974fb59 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
@@ -30,7 +30,7 @@ export const root = style({
       },
     '&[data-open="true"][data-handle-position="right"][data-is-floating="true"]':
       {
-        transform: `translateX(${panelWidthVar})`,
+        transform: `translateX(calc(${panelWidthVar} + 4px))`,
       },
     '&[data-open="true"][data-handle-position="left"][data-is-floating="true"]':
       {