diff --git a/types/rebass/index.d.ts b/types/rebass/index.d.ts
index 899fcdebec..a80ae35fcc 100644
--- a/types/rebass/index.d.ts
+++ b/types/rebass/index.d.ts
@@ -49,8 +49,7 @@ export interface SxProps {
 interface BoxKnownProps
     extends BaseProps,
         StyledSystem.SpaceProps,
-        StyledSystem.WidthProps,
-        StyledSystem.HeightProps,
+        StyledSystem.LayoutProps,
         StyledSystem.FontSizeProps,
         StyledSystem.ColorProps,
         StyledSystem.FlexProps,
diff --git a/types/rebass/rebass-tests.tsx b/types/rebass/rebass-tests.tsx
index f55055dea6..6287885ca7 100644
--- a/types/rebass/rebass-tests.tsx
+++ b/types/rebass/rebass-tests.tsx
@@ -26,7 +26,7 @@ const boxCss = css`
 const CssBox = () => <Box css={boxCss} />;
 
 export default () => (
-    <Box width={1} css={{ height: "100vh" }} py={[1, 2, 3]} ml="1em">
+    <Box width={1} css={{ height: "100vh" }} py={[1, 2, 3]} ml="1em" display="block">
         <Flex width={1} alignItems="center" justifyContent="center">
             <Heading fontSize={5} fontWeight="bold">
                 Hi, I'm a heading.