diff --git a/Mac/MainWindow/Detail/styleSheet.css b/Mac/MainWindow/Detail/styleSheet.css
index 380633ce4..5af5f19f5 100644
--- a/Mac/MainWindow/Detail/styleSheet.css
+++ b/Mac/MainWindow/Detail/styleSheet.css
@@ -115,12 +115,19 @@ h1 {
 	line-height: 1.15em;
 	font-weight: bold;
 }
+pre {
+	max-width: 100%;
+	margin: 0;
+	overflow: auto;
+	overflow-y: hidden;
+	line-height: 20px;
+	border: 1px solid #777;
+	word-wrap: normal;
+}
 code, pre {
 	font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
 	font-size: 14px;
-}
-pre  {
-	white-space: pre-wrap;
+	padding: 10px;
 }
 img, figure, video, iframe, div {
 	max-width: 100%;
diff --git a/iOS/Resources/styleSheet.css b/iOS/Resources/styleSheet.css
index d6d61b7ae..ac134ecac 100644
--- a/iOS/Resources/styleSheet.css
+++ b/iOS/Resources/styleSheet.css
@@ -114,12 +114,21 @@ h1 {
 	line-height: 1.15em;
 	font-weight: bold;
 }
+pre {
+	max-width: 100%;
+	margin: 0;
+	overflow: auto;
+	overflow-y: hidden;
+	line-height: 20px;
+	border: 1px solid #777;
+	word-wrap: normal;
+	word-break: normal;
+	-webkit-hyphens: none;
+}
 code, pre {
 	font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
 	font-size: 14px;
-}
-pre  {
-	white-space: pre-wrap;
+	padding: 5px;
 }
 img, figure, video, iframe, div {
 	max-width: 100%;