fix: remove the container CSS property from EuiFlyout root element

tkajtoch · tkajtoch · commit 8923fbf6225c · 2025-12-16T15:09:20.000+01:00
diff --git a/packages/eui/src/components/flyout/flyout.styles.ts b/packages/eui/src/components/flyout/flyout.styles.ts
@@ -24,7 +24,6 @@ import {
 } from '../../global_styling';
 import { UseEuiTheme } from '../../services';
 import { euiFormMaxWidth } from '../form/form.styles';
-import { euiContainer } from '../../global_styling/mixins/_container_query';
 
 export const EUI_FLYOUT_CONTAINER_NAME = 'euiFlyout' as const;
 
@@ -80,7 +79,6 @@ export const euiFlyoutStyles = (euiThemeContext: UseEuiTheme) => {
   return {
     euiFlyout: css`
       position: fixed;
-      ${euiContainer('inline-size', EUI_FLYOUT_CONTAINER_NAME)}
       ${logicalCSS('bottom', 0)}
       ${logicalCSS('top', 'var(--euiFixedHeadersOffset, 0)')}
       ${logicalCSS('height', 'inherit')}
