diff --git a/_layouts/license.html b/_layouts/license.html
index 602089dd3..558662894 100644
--- a/_layouts/license.html
+++ b/_layouts/license.html
@@ -45,7 +45,7 @@
 
             </div>
 
-            <pre id="license-text">{{ content | replace:"<", "&lt;" | replace:">", "&gt;" }}</pre>
+            <div id="license-text">{{ content | replace:"<", "&lt;" | replace:">", "&gt;" }}</div>
 
         </div> <!-- /license-body -->
 
diff --git a/assets/css/application.scss b/assets/css/application.scss
index cfc9fb580..bbb7446e2 100644
--- a/assets/css/application.scss
+++ b/assets/css/application.scss
@@ -355,7 +355,7 @@ strong {
   width: 700px;
 }
 
-.license-body pre {
+.license-body div {
   font-family: Consolas, Monaco, Courier, monospace;
   font-size: 0.875rem;
   background-color: #fff;
@@ -366,6 +366,7 @@ strong {
   -o-border-radius: 3px;
   border-radius: 3px;
   padding: 20px;
+  overflow-wrap: break-word;
 }
 
 .license-nickname {