diff --git a/app/javascript/dashboard/components-next/message/bubbles/Audio.vue b/app/javascript/dashboard/components-next/message/bubbles/Audio.vue
index 938b12a83..d895b23ac 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Audio.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Audio.vue
@@ -38,6 +38,9 @@ const attachment = computed(() => {
   <BaseBubble
     class="overflow-hidden outline outline-n-strong outline-1 !bg-n-alpha-3"
   >
-    <AudioChip :attachment="attachment" class="p-2" />
+    <AudioChip
+      :attachment="attachment"
+      class="p-2 text-n-slate-12 bg-n-alpha-3"
+    />
   </BaseBubble>
 </template>