From dd07e3ec376bc3f9411a57d5716224594ec3da7a Mon Sep 17 00:00:00 2001
From: Joe Critchley <joecritch@gmail.com>
Date: Wed, 27 Sep 2017 18:18:12 +0100
Subject: [PATCH 1/2] Code example error block styling fixes

---
 www/src/components/CodeEditor/CodeEditor.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/www/src/components/CodeEditor/CodeEditor.js b/www/src/components/CodeEditor/CodeEditor.js
index f0b203b0f51e6..c6cea5736afad 100644
--- a/www/src/components/CodeEditor/CodeEditor.js
+++ b/www/src/components/CodeEditor/CodeEditor.js
@@ -137,10 +137,12 @@ class CodeEditor extends Component {
             {error &&
               <div
                 css={{
-                  flex: '0 0 70%',
+                  flex: '0 0 30%',
                   overflow: 'hidden',
                   border: `1px solid ${colors.error}`,
                   borderRadius: '0 10px 10px 0',
+                  fontSize: 12,
+                  lineHeight: 1.5,
 
                   [media.lessThan('small')]: {
                     borderRadius: '0 0 10px 10px',
@@ -152,7 +154,9 @@ class CodeEditor extends Component {
                     background: colors.error,
                     color: colors.white,
                   }}>
-                  <MetaTitle>Error</MetaTitle>
+                  <MetaTitle cssProps={{
+                    color: colors.white,
+                  }}>Error</MetaTitle>
                 </div>
                 <pre
                   css={{

From 4e2cc098a33e96b1dc1592195d982281a63530c1 Mon Sep 17 00:00:00 2001
From: Joe Critchley <joecritch@gmail.com>
Date: Wed, 27 Sep 2017 18:43:20 +0100
Subject: [PATCH 2/2] ran prettier

---
 www/src/components/CodeEditor/CodeEditor.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/www/src/components/CodeEditor/CodeEditor.js b/www/src/components/CodeEditor/CodeEditor.js
index c6cea5736afad..36cffedccdcea 100644
--- a/www/src/components/CodeEditor/CodeEditor.js
+++ b/www/src/components/CodeEditor/CodeEditor.js
@@ -154,9 +154,12 @@ class CodeEditor extends Component {
                     background: colors.error,
                     color: colors.white,
                   }}>
-                  <MetaTitle cssProps={{
-                    color: colors.white,
-                  }}>Error</MetaTitle>
+                  <MetaTitle
+                    cssProps={{
+                      color: colors.white,
+                    }}>
+                    Error
+                  </MetaTitle>
                 </div>
                 <pre
                   css={{