diff --git a/src/App.svelte b/src/App.svelte
index 8eecfa4..f50c561 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -21,7 +21,7 @@
       <div class="column is-one-fifth">
         <Sidebar bind:apiKey bind:sortedChats bind:activeChatId />
       </div>
-      <div class="column">
+      <div class="column is-four-fifths">
         {#if activeChatId}
           <Chat bind:chatId={activeChatId} />
         {:else}
diff --git a/src/app.scss b/src/app.scss
index c00137f..6273ee8 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -38,6 +38,11 @@ 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