diff --git a/ui/components/src/ThemeContext/theme.ts b/ui/components/src/ThemeContext/theme.ts
index a38b0b53c..61eb403cc 100644
--- a/ui/components/src/ThemeContext/theme.ts
+++ b/ui/components/src/ThemeContext/theme.ts
@@ -676,7 +676,7 @@ export const theme: ControlsTheme = {
   playground: {
     container: {
       display: 'flex',
-      flexDirection: 'column',
+      flexDirection: 'row',
       alignItems: 'flex-start',
       px: 4,
       my: 4,