diff --git a/gui/app/styles/core/view/document/wysiwyg.scss b/gui/app/styles/core/view/document/wysiwyg.scss
index d040e391..c71f11a0 100644
--- a/gui/app/styles/core/view/document/wysiwyg.scss
+++ b/gui/app/styles/core/view/document/wysiwyg.scss
@@ -62,11 +62,30 @@
 	h5 { font-size: 1.3rem; }
 	h6 { font-size: 1.1rem; }
 
-	pre {
-		background-color: map-get($gray-shades, 100);
-		padding: 10px;
-		border: 1px solid map-get($gray-shades, 300);
+	code {
+		font-size: 13px;
+		background-color: map-get($yellow-shades, 100);
+		padding: 2px 5px;
+		border: 1px solid map-get($yellow-shades, 300);
 		@include border-radius(3px);
+		font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+	}
+
+	pre {
+		background-color: map-get($yellow-shades, 100);
+		padding: 10px;
+		border: 1px solid map-get($yellow-shades, 300);
+		@include border-radius(3px);
+		font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+
+		> code {
+			background-color: transparent;
+			padding: 0;
+			border: none;
+			@include border-radius(0px);
+			font-size: 1rem;
+			font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+		}
 	}
 
 	.code-mirror {