diff --git a/src/frontend/src/assets/male-technologist.png b/src/frontend/src/assets/male-technologist.png
new file mode 100644
index 000000000..3b5281237
Binary files /dev/null and b/src/frontend/src/assets/male-technologist.png differ
diff --git a/src/frontend/src/assets/robot.png b/src/frontend/src/assets/robot.png
new file mode 100644
index 000000000..81de3118d
Binary files /dev/null and b/src/frontend/src/assets/robot.png differ
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a7a32d49e..19cb40d4d 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -3,6 +3,8 @@ import { ChatMessageType } from "../../../types/chat";
 import { classNames } from "../../../utils";
 import AiIcon from "../../../assets/Gooey Ring-5s-271px.svg";
 import AiIconStill from "../../../assets/froze-flow.png";
+import Robot from "../../../assets/robot.png";
+import MaleTechnology from "../../../assets/male-technologist.png";
 import FileCard from "../fileComponent";
 import ReactMarkdown from "react-markdown";
 import rehypeMathjax from "rehype-mathjax";
@@ -49,14 +51,14 @@ export default function ChatMessage({
       <div className={classNames("mb-3 ml-3 mr-6 mt-1 ")}>
         {!chat.isSend ? (
           <div className="flex flex-col items-center gap-1">
-            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
-              🤖
+            <div className="relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#afe6ef] p-5 text-2xl ">
+              <img src={Robot} className="absolute scale-[60%]" />
             </div>
           </div>
         ) : (
           <div className="flex flex-col items-center gap-1">
-            <div className="flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
-              👨‍💻
+            <div className="relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-md bg-[#aface9] p-5 text-2xl ">
+              <img src={MaleTechnology} className="absolute scale-[60%]" />
             </div>
           </div>
         )}
@@ -150,7 +152,7 @@ export default function ChatMessage({
       ) : (
         <div>
           <button
-            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-3 text-base font-semibold"
+            className="mb-2 flex items-center gap-4 rounded-md border border-ring/60 bg-background px-4 py-2 text-base font-semibold"
             onClick={() => {
               setPromptOpen((old) => !old);
             }}