diff --git a/README.md b/README.md
index e154139..e033ade 100644
--- a/README.md
+++ b/README.md
@@ -232,6 +232,8 @@ import { Notes } from 'mdx-deck'
 
 ## Overview Mode
 
+<img src='docs/images/overview-mode.png' width='256' />
+
 When editing a slide deck, toggle overview mode with `Option + O`.
 This shows a list of all slides on the left and a preview of the current slide on the right.
 
diff --git a/docs/images/overview-mode.png b/docs/images/overview-mode.png
index e2bea01..a1effaf 100644
Binary files a/docs/images/overview-mode.png and b/docs/images/overview-mode.png differ
diff --git a/src/Overview.js b/src/Overview.js
index bb79bd0..dafb7b2 100644
--- a/src/Overview.js
+++ b/src/Overview.js
@@ -29,6 +29,7 @@ export const Overview = ({
       <Box
         mr='auto'
         px={2}
+        py={3}
         css={{
           flex: 'none',
           height: '100vh',