diff --git a/core/gatsby-theme-docz/src/components/Playground/styles.js b/core/gatsby-theme-docz/src/components/Playground/styles.js
index bd3bcbf25..a6a6da96a 100644
--- a/core/gatsby-theme-docz/src/components/Playground/styles.js
+++ b/core/gatsby-theme-docz/src/components/Playground/styles.js
@@ -18,6 +18,7 @@ export const error = {
   bg: '#FF4757',
   fontSize: 1,
   color: 'white',
+  whiteSpace: 'pre-wrap',
 }
 
 export const previewWrapper = {