diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index b932dd1f34..103753f9c4 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -903,7 +903,7 @@
 							{#if !message.done && !message.error && (hasResponseContent || !hasVisibleStatus)}
 								<div class="text-[0.9375rem] leading-relaxed">
 									<span
-										class="inline-block w-[0.125rem] h-3.5 bg-gray-400 dark:bg-gray-500 ml-0.5 animate-pulse align-text-bottom"
+										class="inline-block w-[0.125rem] h-3.5 bg-gray-400 dark:bg-gray-500 ml-0.5 animate-cursor-pulse align-text-bottom"
 									></span>
 								</div>
 							{/if}
diff --git a/src/tailwind.css b/src/tailwind.css
index 2613da1f96..356148b7cc 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -3,6 +3,14 @@
 @config '../tailwind.config.js';
 
 @theme {
+	--animate-cursor-pulse: cursor-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+
+	@keyframes cursor-pulse {
+		50% {
+			opacity: 0.25;
+		}
+	}
+
 	--font-sans:
 		var(--app-font-family, -apple-system), BlinkMacSystemFont, 'Inter', 'Vazirmatn', ui-sans-serif,
 		system-ui, 'Segoe UI', Roboto, Ubuntu, Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue',