diff --git a/apps/extension/src/components/ChatArea.tsx b/apps/extension/src/components/ChatArea.tsx
index 1785565..ac4b0eb 100644
--- a/apps/extension/src/components/ChatArea.tsx
+++ b/apps/extension/src/components/ChatArea.tsx
@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import { ModelResponse } from "./ModelResponse";
 import { UserQuery } from "./UserQuery";
 import { useChat } from "@/hooks/useChat";
+import PrismLogo from "@assets/prism.png";
 
 export const ChatArea = () => {
   const { messages, isLoading } = useChat();
@@ -23,12 +24,8 @@ export const ChatArea = () => {
         {isLoading && (
           <div className="w-full">
             <div className="flex flex-col items-start gap-2">
-              <div className="inline-flex items-center gap-2 rounded-md bg-[#1f242b] px-3 py-2">
-                <div className="typing-dots">
-                  <span className="typing-dot" />
-                  <span className="typing-dot" />
-                  <span className="typing-dot" />
-                </div>
+              <div className="flex h-8 w-8 items-center justify-center">
+                <img src={PrismLogo} alt="prism" className="animate-bounce" />
               </div>
             </div>
           </div>