fix: fix overflowing content in JSON samples

Redocly · Mar 5, 2018 · 02c2413 · 02c2413
1 parent 87abdf7
commit 02c2413
Showing 1 changed file with 5 additions and 1 deletion.
diff --git 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;
   }