diff --git a/src/app.scss b/src/app.scss
index d90f1af..8b20a99 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -22,13 +22,13 @@ a.is-disabled {
 }
 
 /* Show the edit button on hover of the user message */
-.usermessage:hover .editbutton {
+.user-message:hover .editbutton {
   /* TODO: add when ready: display: block !important; */
   text-decoration: none !important;
 }
 
 /* Swap the border on user messages to the other side */
-.usermessage > .message-body {
+.user-message > .message-body {
   border-width: 0 4px 0 0 !important;
 }
 
@@ -43,11 +43,6 @@ a.is-disabled {
   overflow-y:hidden;
 }
 
-/* Left-align code blocks in messages */
-.message-body > pre {
-  text-align: left !important;
-}
-
 $footer-padding: 3rem 1.5rem;
 
 @import "/node_modules/bulma/bulma.sass";
\ No newline at end of file
diff --git a/src/lib/Chat.svelte b/src/lib/Chat.svelte
index 7a74a8a..29e746a 100644
--- a/src/lib/Chat.svelte
+++ b/src/lib/Chat.svelte
@@ -148,7 +148,7 @@
 
 {#each chat.messages as message}
   {#if message.role === "user"}
-    <article class="message is-info has-text-right usermessage">
+    <article class="message is-info user-message" class:has-text-right={message.content.split("\n").length === 1}>
       <div class="message-body">
         <a
           href={"#"}