diff --git a/app/javascript/dashboard/components-next/message/chips/File.vue b/app/javascript/dashboard/components-next/message/chips/File.vue
index af95521c2..99fcaa300 100644
--- a/app/javascript/dashboard/components-next/message/chips/File.vue
+++ b/app/javascript/dashboard/components-next/message/chips/File.vue
@@ -30,7 +30,7 @@ const fileType = computed(() => {
 
 <template>
   <div
-    class="h-9 bg-n-solid-3 gap-2 items-center flex px-2 rounded-lg border border-n-strong"
+    class="h-9 bg-n-alpha-3 gap-2 items-center flex px-2 rounded-lg border border-n-strong"
   >
     <FileIcon class="flex-shrink-0" :file-type="fileType" />
     <span class="mr-1 max-w-32 truncate">{{ fileName }}</span>
diff --git a/app/javascript/dashboard/components-next/message/chips/Video.vue b/app/javascript/dashboard/components-next/message/chips/Video.vue
index 483a5032c..2d96522a6 100644
--- a/app/javascript/dashboard/components-next/message/chips/Video.vue
+++ b/app/javascript/dashboard/components-next/message/chips/Video.vue
@@ -22,11 +22,11 @@ defineProps({
       class="absolute w-full h-full inset-0 p-1 flex items-center justify-center"
     >
       <div
-        class="size-7 bg-n-alpha-2 backdrop-blur-sm rounded-full overflow-hidden shadow-[0_5px_15px_rgba(0,0,0,0.4)]"
+        class="size-7 bg-n-slate-1/60 backdrop-blur-sm rounded-full overflow-hidden shadow-[0_5px_15px_rgba(0,0,0,0.4)]"
       >
         <Icon
           icon="i-teenyicons-play-small-solid"
-          class="size-7 text-n-slate-12/60 backdrop-blur"
+          class="size-7 text-n-slate-12/80 backdrop-blur"
         />
       </div>
     </div>