diff --git a/src/theme/styled-system.ts b/src/theme/styled-system.ts
index 8aabb52a7..200db4c2b 100644
--- a/src/theme/styled-system.ts
+++ b/src/theme/styled-system.ts
@@ -114,6 +114,7 @@ export const flexbox = {
   flexDirection: true,
   flexDir: {
     property: 'flexDirection',
+    scale: 'flexDirection',
   },
   // item
   flex: true,