diff --git a/dashboard/styles/dark.scss b/dashboard/styles/dark.scss
index 049b2c17..49300315 100644
--- a/dashboard/styles/dark.scss
+++ b/dashboard/styles/dark.scss
@@ -15,6 +15,10 @@
         }
     }
 
+    pre {
+        background-color: $dark-alt;
+    }
+        
     // bootstrap
     .nav-tabs * .nav-link {
         background-color: $body-bg-alt !important;
diff --git a/dashboard/styles/generic.scss b/dashboard/styles/generic.scss
index c7d9ad39..0e2191e1 100644
--- a/dashboard/styles/generic.scss
+++ b/dashboard/styles/generic.scss
@@ -28,6 +28,13 @@ blockquote {
     border-left: 4px solid $gray-transparent; // overwrite this in the individual styles
 }
 
+pre {
+    white-space: pre-wrap;
+    word-break: break-word !important;
+    overflow-wrap: break-word !important;
+    background-color: var(--bs-light);
+    padding: 0.375rem;
+    border-radius: 5px;
 }
 
 .dyslexic {