diff --git a/layouts/default.html b/layouts/default.html
index 9d2dcaf..f899fc4 100644
--- a/layouts/default.html
+++ b/layouts/default.html
@@ -6,6 +6,7 @@
     :root {
       --red1: #a20000;
       --red2: #c20000;
+      --red3: #dd4444;
       --dark1: #071213;
       --dark2: #000000;
       --bright1: #aed3d4;
@@ -14,11 +15,12 @@
 
     body {
       background-color: var(--dark2);
-      color: var(--red2);
+      color: var(--red3);
       font-family: monospace;
       font-size: 1.012rem;
       margin: 0;
       padding: 0;
+      line-height: 1.4;
     }
 
     main {
@@ -58,6 +60,13 @@
       overflow-x: scroll;
       tab-size: 2;
     }
+
+    .mermaid {
+      width: fit-content;
+      color: var(--middle1);
+      border: 1px solid var(--red1);
+      padding: 0.5ch 0.5em;
+    }
   </style>
   %%HEAD%%
 </head>
diff --git a/plugins/mermaid.sh b/plugins/mermaid.sh
index 5914f76..240a5ab 100755
--- a/plugins/mermaid.sh
+++ b/plugins/mermaid.sh
@@ -1,5 +1,5 @@
 #!/bin/bash
 
-echo "<pre>"
+echo "<pre class=\"mermaid\">"
 mermaid-ascii --file /dev/stdin $@
 echo "</pre>"
\ No newline at end of file
diff --git a/static/main.css b/static/main.css
index f8cef2e..d59f3e5 100644
--- a/static/main.css
+++ b/static/main.css
@@ -14,6 +14,7 @@ body {
   font-size: 1.012rem;
   margin: 0;
   padding: 0;
+  line-height: 1.4;
 }
 
 main {