From 02c2413da8f7315fb05e2f24a32d15be4bc6df80 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Mon, 5 Mar 2018 13:10:17 +0200
Subject: [PATCH] fix: fix overflowing content in JSON samples

---
 src/components/JsonViewer/style.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/JsonViewer/style.ts b/src/components/JsonViewer/style.ts
index 3d759ca5..3a4c7147 100644
--- a/src/components/JsonViewer/style.ts
+++ b/src/components/JsonViewer/style.ts
@@ -5,9 +5,13 @@ export const jsonStyles = css`
     display: none;
   }
 
-  font-family: Consolas, ${props => props.theme.code.fontFamily};
+  font-family: ${props => props.theme.code.fontFamily};
   font-size: ${props => props.theme.code.fontSize};
 
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+
   .type-null {
     color: gray;
   }