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 38adb2e0c9..bc3198c1ab 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
@@ -35,8 +35,12 @@ export const root = style({
     '&[data-is-floating="false"][data-transparent=true]': {
       backgroundColor: 'transparent',
     },
+    '&[data-enable-animation="false"][data-open="false"]': {
+      display: 'none',
+    },
   },
 });
+
 export const panelContent = style({
   position: 'relative',
   height: '100%',