diff --git a/app/javascript/dashboard/components-next/message/chips/Audio.vue b/app/javascript/dashboard/components-next/message/chips/Audio.vue
index 73b29e837..2388c80be 100644
--- a/app/javascript/dashboard/components-next/message/chips/Audio.vue
+++ b/app/javascript/dashboard/components-next/message/chips/Audio.vue
@@ -91,7 +91,10 @@ const downloadAudio = async () => {
   >
     <source :src="timeStampURL" />
   </audio>
-  <div v-bind="$attrs" class="rounded-lg w-full gap-1 flex items-center">
+  <div
+    v-bind="$attrs"
+    class="rounded-xl w-full gap-1 p-1.5 bg-n-alpha-white flex items-center border border-n-container shadow-[0px_2px_8px_0px_rgba(94,94,94,0.06)]"
+  >
     <button class="p-0 border-0 size-8" @click="playOrPause">
       <Icon
         v-if="isPlaying"