diff --git a/assets/js/base/hooks/use-style-props.ts b/assets/js/base/hooks/use-style-props.ts index 9497a2a242b..792cc2fc8d3 100644 --- a/assets/js/base/hooks/use-style-props.ts +++ b/assets/js/base/hooks/use-style-props.ts @@ -38,18 +38,21 @@ export const useStyleProps = ( props: blockAttributes ): StyleProps => { style: {}, }; - const styleObject = parseStyle( propsObject.style ); + const style = parseStyle( propsObject.style ); const colorProps = getColorClassesAndStyles( { - style: styleObject, + ...propsObject, + style, } as WithStyle ); const borderProps = getBorderClassesAndStyles( { - style: styleObject, + ...propsObject, + style, } as WithStyle ); const spacingProps = getSpacingClassesAndStyles( { - style: styleObject, + ...propsObject, + style, } as WithStyle ); const typographyProps = useTypographyProps( propsObject );