diff --git a/src/frontend/src/modals/formModal/chatInput/index.tsx b/src/frontend/src/modals/formModal/chatInput/index.tsx
index 69d382748..cb77cd277 100644
--- a/src/frontend/src/modals/formModal/chatInput/index.tsx
+++ b/src/frontend/src/modals/formModal/chatInput/index.tsx
@@ -53,12 +53,12 @@ export default function ChatInput({
           lockChat
             ? " bg-input text-black dark:bg-gray-700 dark:text-gray-300"
             : "  bg-white-200 text-black dark:bg-gray-900 dark:text-gray-300",
-          "form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-10 sm:text-sm" +
+          "p-4 form-input block w-full custom-scroll rounded-md border-gray-300 dark:border-gray-600 pr-12 sm:text-sm" +
             INPUT_STYLE
         )}
         placeholder={"Send a message..."}
       />
-      <div className="absolute bottom-0.5 right-3">
+      <div className="absolute bottom-2.5 right-4">
         <button disabled={lockChat} onClick={() => sendMessage()}>
           {lockChat ? (
             <Lock
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index a819bc8d3..98e42d4fa 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -10,7 +10,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import { CodeBlock } from "./codeBlock";
 import Convert from "ansi-to-html";
-import { User2, MessageCircle } from "lucide-react";
+import { User2, MessageSquare } from "lucide-react";
 
 export default function ChatMessage({
   chat,
@@ -72,7 +72,7 @@ export default function ChatMessage({
                   onClick={() => setHidden((prev) => !prev)}
                   className="absolute -top-1 -left-2 cursor-pointer"
                 >
-                  <MessageCircle className="w-5 h-5 animate-bounce dark:text-white" />
+                  <MessageSquare className="w-5 h-5 animate-bounce dark:text-white" />
                 </div>
               )}
               {chat.thought && chat.thought !== "" && !hidden && (
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index f7baab69a..7c1add07e 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -5,7 +5,7 @@ import { alertContext } from "../../contexts/alertContext";
 import { validateNodes } from "../../utils";
 import { typesContext } from "../../contexts/typesContext";
 import ChatMessage from "./chatMessage";
-import { X, MessagesSquare, Eraser, TerminalSquare } from "lucide-react";
+import { X, MessagesSquare, Eraser, TerminalSquare, MessageCircle, MessageSquareDashed, MessageSquare } from "lucide-react";
 import { sendAllProps } from "../../types/api";
 import { ChatMessageType } from "../../types/chat";
 import ChatInput from "./chatInput";
@@ -425,7 +425,7 @@ export default function FormModal({
                       <span className="text-base text-gray-500">
                         Start a conversation and click the agent’s thoughts{" "}
                         <span>
-                          <MessagesSquare className="w-5 h-5 inline animate-bounce mx-1 " />
+                          <MessageSquare className="w-5 h-5 inline animate-bounce mx-1 " />
                         </span>{" "}
                         to inspect the chaining process.
                       </span>
@@ -434,7 +434,7 @@ export default function FormModal({
                 )}
                 <div ref={ref}></div>
               </div>
-              <div className="w-full p-2 flex-col flex items-center justify-between">
+              <div className="w-full px-8 pb-6 flex-col flex items-center justify-between">
                 <div className="relative w-full rounded-md shadow-sm">
                   <ChatInput
                     chatValue={chatValue}