diff --git a/src/app.scss b/src/app.scss
index 21393c3..e00d002 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -108,4 +108,13 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
 .menu {
   position: sticky;
   top: 1rem;
+}
+
+/* Loading chat messages */
+.is-loading {
+  opacity: 0.5;
+  @include loader;
+  width: 1.5rem;
+  height: 1.5rem;
+  border-width: 0.25em;
 }
\ No newline at end of file
diff --git a/src/lib/Chat.svelte b/src/lib/Chat.svelte
index c3d3bb0..428c5c1 100644
--- a/src/lib/Chat.svelte
+++ b/src/lib/Chat.svelte
@@ -489,7 +489,11 @@
 {/each}
 
 {#if updating}
-  <progress class="progress is-small is-dark" max="100" />
+  <article class="message is-success assistant-message">
+    <div class="message-body content">
+      <span class="is-loading" />
+    </div>
+  </article>
 {/if}
 
 <form class="field has-addons has-addons-right is-align-items-flex-end" on:submit|preventDefault={() => submitForm()}>