diff --git a/src/data/sidenav.json b/src/data/sidenav.json
index 0c93e02e0..f1c186bbc 100644
--- a/src/data/sidenav.json
+++ b/src/data/sidenav.json
@@ -32,6 +32,10 @@
       {
         "displayName": "Layout Components",
         "children": [
+          {
+            "displayName": "AutoSizer",
+            "url": "/components/auto-sizer"
+          },
           {
             "displayName": "Card",
             "url": "/components/card"
diff --git a/src/markdown-pages/components/auto-sizer.mdx b/src/markdown-pages/components/auto-sizer.mdx
new file mode 100644
index 000000000..4c6f579c7
--- /dev/null
+++ b/src/markdown-pages/components/auto-sizer.mdx
@@ -0,0 +1,8 @@
+---
+path: '/components/auto-sizer'
+title: 'AutoSizer'
+description: 'An AutoSizer component!'
+component: 'AutoSizer'
+template: 'ReferenceTemplate'
+---
+