diff --git a/app/javascript/dashboard/assets/images/typing.gif b/app/javascript/dashboard/assets/images/typing.gif
index dd9b1ca2b..b288d2559 100644
Binary files a/app/javascript/dashboard/assets/images/typing.gif and b/app/javascript/dashboard/assets/images/typing.gif differ
diff --git a/app/javascript/widget/assets/images/typing.gif b/app/javascript/widget/assets/images/typing.gif
index dd9b1ca2b..b288d2559 100644
Binary files a/app/javascript/widget/assets/images/typing.gif and b/app/javascript/widget/assets/images/typing.gif differ
diff --git a/app/javascript/widget/components/AgentTypingBubble.vue b/app/javascript/widget/components/AgentTypingBubble.vue
index cdda7a84c..e8f8e7b09 100644
--- a/app/javascript/widget/components/AgentTypingBubble.vue
+++ b/app/javascript/widget/components/AgentTypingBubble.vue
@@ -5,7 +5,7 @@
       <div class="message-wrap mt-2">
         <div
           class="typing-bubble chat-bubble agent"
-          :class="$dm('bg-white', 'dark:bg-slate-50')"
+          :class="$dm('bg-white', 'dark:bg-slate-700')"
         >
           <img
             src="~widget/assets/images/typing.gif"