[Page Template] Set a white background for page template

tsullivan · tsullivan · commit bd9105936b99 · 2025-11-17T11:04:44.000-07:00
diff --git a/packages/eui/src/components/page_template/inner/page_inner.styles.ts b/packages/eui/src/components/page_template/inner/page_inner.styles.ts
@@ -21,13 +21,13 @@ export const euiPageInnerStyles = (euiThemeContext: UseEuiTheme) => {
       flex-direction: column;
       align-items: stretch;
       flex: 1 1 100%;
+      background: ${euiThemeContext.euiTheme.colors.backgroundBasePlain};
       /* Make sure that inner flex layouts don't get larger than this container */
       ${logicalCSS('max-width', '100%')}
       ${logicalCSS('min-width', '0')}
     `,
 
     panelled: css`
-      background: ${euiThemeContext.euiTheme.colors.backgroundBasePlain};
       ${euiShadow(euiThemeContext, 'm', { border: 'none' })};
     `,
 
diff --git a/packages/eui/src/components/page_template/inner/page_inner.tsx b/packages/eui/src/components/page_template/inner/page_inner.tsx
@@ -32,7 +32,7 @@ export type _EuiPageInnerProps<T extends ComponentTypes = 'main'> =
        */
       component?: T;
       /**
-       * Adds a white background and shadow to define the area.
+       * Adds a shadow to define the area.
        */
       panelled?: boolean;
       /**
