From d9c6415c4173e6dc7d97d67720f05cb2479f258d Mon Sep 17 00:00:00 2001
From: DIonysos Dajka <diondiondion@gmail.com>
Date: Thu, 27 Feb 2020 18:47:29 +0100
Subject: [PATCH] docs: Better styling for examples

---
 src/gatsby-theme-docz/wrapper.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/gatsby-theme-docz/wrapper.js b/src/gatsby-theme-docz/wrapper.js
index efe8516f..0dc9ebc0 100644
--- a/src/gatsby-theme-docz/wrapper.js
+++ b/src/gatsby-theme-docz/wrapper.js
@@ -25,9 +25,22 @@ const GlobalStyle = createGlobalStyle`
 		border: 0;
 		vertical-align: baseline;
 	}
+
+	body {
+		font-family: 'Open Sans', sans-serif;
+	}
+
+	div[data-testid="playground"] {
+		margin-bottom: 22px !important;
+	}
+
+	div[data-testid="live-preview"] {
+		padding: 22px;
+	}
 `;
 
 const Content = styled.div`
+	font-family: 'Open Sans', sans-serif;
 	font-size: ${p => p.theme.globals.typeScale.m};
 	line-height: ${p => p.theme.globals.lineHeight};
 `;