1 files changed, 12 insertions, 0 deletions
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 26fc779..6b451bc 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -175,6 +175,12 @@
 }
 
 .message-body code {
+  /*
+   * Inline code (`like this`).
+   *
+   * Rules added here will also affect code blocks (```like this```) unless
+   * cancelled out in `.message-body pre > code`.
+   */
   white-space: pre-wrap;
   border: 1px solid #312e81;
   border-radius: 0.25rem;
@@ -183,8 +189,14 @@
 }
 
 .message-body pre > code {
+  /*
+   * Code blocks. Must also cancel out rules from inline code (in `.message-body code`), unless
+   * they should affect code blocks as well.
+   */
   white-space: none;
   border: none;
+  padding: 0;
+  margin: 0;
 }
 
 /* For rendered message bodies: */