diff --git a/packages/docz-theme-default/src/components/ui/NotFound.tsx b/packages/docz-theme-default/src/components/ui/NotFound.tsx
index 82ec6bb95..8acb6215c 100644
--- a/packages/docz-theme-default/src/components/ui/NotFound.tsx
+++ b/packages/docz-theme-default/src/components/ui/NotFound.tsx
@@ -1,6 +1,9 @@
 import * as React from 'react'
+import { ThemeConfig } from 'docz'
 import styled from 'react-emotion'
 
+import { Sidebar, Main } from '../shared'
+
 const Wrapper = styled('div')`
   display: flex;
   align-items: center;
@@ -25,10 +28,17 @@ const Subtitle = styled('p')`
 `
 
 export const NotFound = () => (
-  <Wrapper>
-    <Title>Page Not Found</Title>
-    <Subtitle>
-      Check if you haven't changed the document route or delete it!
-    </Subtitle>
-  </Wrapper>
+  <ThemeConfig>
+    {config => (
+      <Main config={config}>
+        <Sidebar />
+        <Wrapper>
+          <Title>Page Not Found</Title>
+          <Subtitle>
+            Check if you haven't changed the document route or delete it!
+          </Subtitle>
+        </Wrapper>
+      </Main>
+    )}
+  </ThemeConfig>
 )