diff --git a/.gitignore b/.gitignore
index 57c56fa..0008dbc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,3 @@
 node_modules
 .DS_Store
-.docz/.cache/
\ No newline at end of file
+.docz/
\ No newline at end of file
diff --git a/src/gatsby-theme-docz/components/Layout/styles.js b/src/gatsby-theme-docz/components/Layout/styles.js
new file mode 100644
index 0000000..48f585b
--- /dev/null
+++ b/src/gatsby-theme-docz/components/Layout/styles.js
@@ -0,0 +1,19 @@
+import { media } from '~theme/breakpoints'
+
+export const main = {
+  display: 'flex',
+  flexDirection: 'column',
+  minHeight: '100vh',
+}
+
+export const wrapper = {
+  py: 0,
+  flex: 1,
+  display: 'grid',
+  gridTemplateColumns: '250px 1fr',
+  minHeight: '100vh',
+  [media.tablet]: {
+    display: 'block',
+  },
+  fontFamily: 'Inter var,sans-serif',
+}