diff --git a/src-docs/src/services/playground/playground.js b/src-docs/src/services/playground/playground.js
index 4422d135181..d949fcf3b19 100644
--- a/src-docs/src/services/playground/playground.js
+++ b/src-docs/src/services/playground/playground.js
@@ -88,9 +88,9 @@ export default ({
             {...playgroundPanelProps}
           >
             <Compiler
+              css={playgroundCssStyles?.(euiTheme)}
               {...params.compilerProps}
               placeholder={Placeholder}
-              css={playgroundCssStyles?.(euiTheme)}
               className={classNames('playground__demo', playgroundClassName)}
             />
           </EuiPanel>