diff --git a/frontend/src/components/MessageAttachment.svelte b/frontend/src/components/MessageAttachment.svelte
index 3d54b86..1170705 100644
--- a/frontend/src/components/MessageAttachment.svelte
+++ b/frontend/src/components/MessageAttachment.svelte
@@ -98,6 +98,8 @@
         <div class="attachment-filename">{ attachment.file_name }</div>
         <a class="icon-button material-icons-outlined small download" href="{ attachmentUrl(attachment.file) }" target="_blank">download</a>
     </div>
+{:else if renderAs === AttachmentRenderAs.Audio}
+    <audio controls="controls" class="attachment media" src="{ attachmentUrl(attachment.file) }"></audio>
 {:else}
     <div class="attachment attachment-card">Couldn't render attachment</div>
 {/if}