From 414c6c7e97dacd16d9d39a06d1fcb2d7a6d21479 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 11 Dec 2024 17:41:33 +0530
Subject: [PATCH] fix: audio chip design

---
 .../dashboard/components-next/message/chips/Audio.vue        | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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"