diff --git a/app/javascript/dashboard/components-next/message/bubbles/Text.vue b/app/javascript/dashboard/components-next/message/bubbles/Text.vue
index 8ee069140..8b84066f2 100644
--- a/app/javascript/dashboard/components-next/message/bubbles/Text.vue
+++ b/app/javascript/dashboard/components-next/message/bubbles/Text.vue
@@ -81,7 +81,7 @@ const recordings = computed(() => {
       <AudioChip
         v-for="attachment in recordings"
         :key="attachment.id"
-        class="bg-n-alpha-3 text-n-slate-12"
+        class="bg-n-alpha-3 dark:bg-n-alpha-2 text-n-slate-12"
         :attachment="attachment"
       />
     </div>
diff --git a/app/javascript/dashboard/components-next/message/chips/Audio.vue b/app/javascript/dashboard/components-next/message/chips/Audio.vue
index f7ed1c5f2..d6060d36e 100644
--- a/app/javascript/dashboard/components-next/message/chips/Audio.vue
+++ b/app/javascript/dashboard/components-next/message/chips/Audio.vue
@@ -104,7 +104,7 @@ const downloadAudio = () => {
         min="0"
         :max="duration"
         :value="currentTime"
-        class="w-full h-1 bg-n-slate-8 rounded-lg appearance-none cursor-pointer accent-current"
+        class="w-full h-1 bg-n-slate-12/40 rounded-lg appearance-none cursor-pointer accent-current"
         @input="seek"
       />
     </div>