diff --git a/packages/material-ui/src/Box/Box.d.ts b/packages/material-ui/src/Box/Box.d.ts
index 6cf8aa7dca27a0..2eb664df6c9d61 100644
--- a/packages/material-ui/src/Box/Box.d.ts
+++ b/packages/material-ui/src/Box/Box.d.ts
@@ -4,6 +4,7 @@ import {
   ComposedStyleFunction,
   display,
   flexbox,
+  grid,
   palette,
   positions,
   shadows,
@@ -19,6 +20,7 @@ type BoxStyleFunction = ComposedStyleFunction<
     typeof borders,
     typeof display,
     typeof flexbox,
+    typeof grid,
     typeof palette,
     typeof positions,
     typeof shadows,
diff --git a/packages/material-ui/src/Box/Box.js b/packages/material-ui/src/Box/Box.js
index 4af695551db5a3..10b85801656fa9 100644
--- a/packages/material-ui/src/Box/Box.js
+++ b/packages/material-ui/src/Box/Box.js
@@ -3,6 +3,7 @@ import {
   compose,
   display,
   flexbox,
+  grid,
   palette,
   positions,
   shadows,
@@ -18,6 +19,7 @@ export const styleFunction = css(
     borders,
     display,
     flexbox,
+    grid,
     positions,
     palette,
     shadows,