From 4a399ac7f99634c56dfbb52693c868d456ec8c67 Mon Sep 17 00:00:00 2001
From: simurai <simulus@gmail.com>
Date: Fri, 15 Mar 2019 20:23:37 +0900
Subject: [PATCH] Move default padding inside iframe

This allows things like the focus ring to not get cut off.
---
 docs/CodeExample.js | 2 +-
 docs/Frame.js       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/CodeExample.js b/docs/CodeExample.js
index 2bb95533..57719f2a 100644
--- a/docs/CodeExample.js
+++ b/docs/CodeExample.js
@@ -35,7 +35,7 @@ export default function CodeExample(props) {
     return (
       <LiveProvider {...liveProps}>
         <BorderBox {...rest}>
-          <BorderBox bg="white" p={3} border={0} borderBottom={1} borderRadius={0}>
+          <BorderBox bg="white" border={0} borderBottom={1} borderRadius={0}>
             <Frame>
               <LivePreview />
             </Frame>
diff --git a/docs/Frame.js b/docs/Frame.js
index 76acf5a0..ed4ea0ad 100644
--- a/docs/Frame.js
+++ b/docs/Frame.js
@@ -41,7 +41,7 @@ export default class Frame extends React.Component {
     return (
       <Measure bounds onResize={rect => this.setHeight(rect.bounds.height)}>
         {({measureRef}) => (
-          <div ref={measureRef} style={{overflow: 'auto'}}>
+          <div ref={measureRef} class="p-3 overflow-auto">
             {children}
           </div>
         )}