diff --git a/platform/wab/src/wab/client/components/sidebar/ThemeInitialStylesPanel.tsx b/platform/wab/src/wab/client/components/sidebar/ThemeInitialStylesPanel.tsx index c548e2af3be..a6838c79436 100644 --- a/platform/wab/src/wab/client/components/sidebar/ThemeInitialStylesPanel.tsx +++ b/platform/wab/src/wab/client/components/sidebar/ThemeInitialStylesPanel.tsx @@ -31,7 +31,10 @@ const InitialsForm = observer(function InitialsForm(props: { addItemKey: AddItemKey; }) { const { studioCtx, rs, addItemKey } = props; - const expsProvider = new SingleRsExpsProvider(rs, studioCtx, ["display"]); + const expsProvider = new SingleRsExpsProvider(rs, studioCtx, [ + "display", + "flex-direction", + ]); return providesStyleComponent( mkStyleComponent({ expsProvider }), `${rs.uid}` diff --git a/platform/wab/src/wab/client/components/style-controls/StyleComponent.tsx b/platform/wab/src/wab/client/components/style-controls/StyleComponent.tsx index 270aff985d2..d645cde14ba 100644 --- a/platform/wab/src/wab/client/components/style-controls/StyleComponent.tsx +++ b/platform/wab/src/wab/client/components/style-controls/StyleComponent.tsx @@ -768,7 +768,7 @@ function StylePanelSection_( await studioCtx.changeUnsafe(() => { const exp = expsProvider.targetExp(); for (const prop of L.without(styleProps, ...unremovableProps)) { - if (exp.has(prop)) { + if (exp.has(prop) && expsProvider.isPropRemovable(prop)) { exp.clear(prop); } }