diff --git a/apps/designer/app/canvas/features/wrapper-component/use-css.tsx b/apps/designer/app/canvas/features/wrapper-component/use-css.tsx
index cc1e519cfa..1a21980dce 100644
--- a/apps/designer/app/canvas/features/wrapper-component/use-css.tsx
+++ b/apps/designer/app/canvas/features/wrapper-component/use-css.tsx
@@ -28,5 +28,5 @@ const defaultStyle: CSS = {
 };
 
 export const useCss = (css: CSS): string => {
-  return useMemo(() => createCss(css)(defaultStyle), [css]);
+  return useMemo(() => createCss({ ...css, ...defaultStyle })(), [css]);
 };