diff --git a/docs/src/gatsby-theme-docz/index.tsx b/docs/src/gatsby-theme-docz/index.tsx
index ce2b27abb7..dbd3204724 100644
--- a/docs/src/gatsby-theme-docz/index.tsx
+++ b/docs/src/gatsby-theme-docz/index.tsx
@@ -24,6 +24,7 @@ import SEO from '../components/seo';
 import Layout from '../components/layout';
 import AnchorNavigator from '../components/AnchorNavigator';
 import NextLinks from '../components/next';
+import { mq } from '../utils';
 
 import 'antd/dist/antd.css';
 
@@ -34,6 +35,9 @@ interface Props {
 const docLayout = css`
   display: flex;
   flex-direction: row;
+  ${[mq[3]]} {
+    flex-direction: column;
+  }
 `;
 
 const Theme = ({ children }: Props) => {