diff --git a/cms/static/css/tiny-mce.css b/cms/static/css/tiny-mce.css
index eff44c917f..314b6295d2 100644
--- a/cms/static/css/tiny-mce.css
+++ b/cms/static/css/tiny-mce.css
@@ -103,6 +103,15 @@ img {
   max-width: 100%;
 }
 
+pre {
+  margin: 1em 0;
+  color: #3c3c3c;
+  font-family: monospace, serif;
+  font-size: 1em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
 code {
   font-family: monospace, serif;
   background: none;
diff --git a/common/lib/xmodule/xmodule/css/html/display.scss b/common/lib/xmodule/xmodule/css/html/display.scss
index 6b653f496e..75c2ed75c5 100644
--- a/common/lib/xmodule/xmodule/css/html/display.scss
+++ b/common/lib/xmodule/xmodule/css/html/display.scss
@@ -87,6 +87,15 @@ img {
   max-width: 100%;
 }
 
+pre {
+  margin: 1em 0;
+  color: $baseFontColor;
+  font-family: monospace, serif;
+  font-size: 1em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
 code {
   color: $baseFontColor;
   font-family: monospace, serif;