diff --git a/packages/layout/src/Area.js b/packages/layout/src/Area.js
index b5fd57cdc..e461c076d 100644
--- a/packages/layout/src/Area.js
+++ b/packages/layout/src/Area.js
@@ -17,6 +17,7 @@
 import React from 'react';
 import { Row } from 'antd';
 import gutterSetup from './gutterSetup.js';
+import { blockDefaultProps } from '@lowdefy/block-tools';
 
 const Area = ({ area, areaStyle, children, highlightBorders, id, makeCssClass }) => (
   <Row
@@ -37,4 +38,6 @@ const Area = ({ area, areaStyle, children, highlightBorders, id, makeCssClass })
   </Row>
 );
 
+Area.defaultProps = blockDefaultProps;
+
 export default Area;
diff --git a/packages/layout/src/BlockLayout.js b/packages/layout/src/BlockLayout.js
index a71170d7a..dd39e0d20 100644
--- a/packages/layout/src/BlockLayout.js
+++ b/packages/layout/src/BlockLayout.js
@@ -17,6 +17,7 @@
 import React from 'react';
 import { Col } from 'antd';
 import deriveLayout from './deriveLayout.js';
+import { blockDefaultProps } from '@lowdefy/block-tools';
 
 const alignSelf = (align) => {
   if (align === 'bottom') {
@@ -54,4 +55,6 @@ const BlockLayout = ({ id, blockStyle, children, highlightBorders, layout, makeC
   );
 };
 
+BlockLayout.defaultProps = blockDefaultProps;
+
 export default BlockLayout;