diff --git a/modules/system/assets/css/eventlogs/exception-beautifier.css b/modules/system/assets/css/eventlogs/exception-beautifier.css
index 60c26a87d..0307ffbc5 100644
--- a/modules/system/assets/css/eventlogs/exception-beautifier.css
+++ b/modules/system/assets/css/eventlogs/exception-beautifier.css
@@ -115,14 +115,17 @@
     color: #2196F3;
 }
 
+.plugin-exception-beautifier .beautifier-formatted-content,
 .plugin-exception-beautifier .beautifier-raw-content {
     background: #fff;
-    font-family: monospace;
     padding: 20px;
-    white-space: nowrap;
+}
 
-    width: 100%;
+.plugin-exception-beautifier .beautifier-raw-content {
+    font-family: monospace;
+    white-space: nowrap;
     overflow: auto;
+    width: 100%;
 }
 
 .plugin-exception-beautifier .beautifier-raw-content br {
diff --git a/modules/system/assets/js/eventlogs/exception-beautifier.js b/modules/system/assets/js/eventlogs/exception-beautifier.js
index 2eff039e3..8353aa62f 100644
--- a/modules/system/assets/js/eventlogs/exception-beautifier.js
+++ b/modules/system/assets/js/eventlogs/exception-beautifier.js
@@ -325,7 +325,7 @@
             '</div></div>')
 
         if (source.indexOf('Message-ID:') > 0) {
-            markup = '<div class="beautifier-raw-content">' + source.trim().replace(/\r\n|\r|\n/g, '<br>').replace(/ {2}/g, '&nbsp;&nbsp;') + '</div>'
+            markup = '<div class="beautifier-formatted-content">' + source.trim().replace(/\r\n|\r|\n/g, '<br>').replace(/ {2}/g, '&nbsp;&nbsp;') + '</div>'
         }
 
         tabs.find('#beautifier-tab-formatted').append(markup)