diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue
index 925d089c5..8bb51cde9 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue
@@ -1,5 +1,6 @@
 <script setup>
 import Banner from 'dashboard/components-next/banner/Banner.vue';
+import Icon from 'dashboard/components-next/icon/Icon.vue';
 
 defineProps({
   content: {
@@ -10,7 +11,10 @@ defineProps({
 </script>
 
 <template>
-  <Banner color="ruby">
-    {{ content }}
+  <Banner color="amber">
+    <div class="flex items-center gap-2">
+      <Icon icon="i-lucide-info" class="flex-shrink-0 size-4" />
+      <span>{{ content }}</span>
+    </div>
   </Banner>
 </template>