diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts
index cce19497e..195570be0 100644
--- a/src/frontend/src/constants/constants.ts
+++ b/src/frontend/src/constants/constants.ts
@@ -1,6 +1,5 @@
 // src/constants/constants.ts
 
-import { MessageSquare } from "lucide-react";
 import { languageMap } from "../types/components";
 
 /**
diff --git a/src/frontend/src/constants/enums.ts b/src/frontend/src/constants/enums.ts
index cd25d3df4..a7bed8fde 100644
--- a/src/frontend/src/constants/enums.ts
+++ b/src/frontend/src/constants/enums.ts
@@ -3,6 +3,6 @@
  * @enum
  */
 export enum TypeModal {
-    TEXT = 1,
-    PROMPT = 2,
-  }
\ No newline at end of file
+  TEXT = 1,
+  PROMPT = 2,
+}
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index 2abf5c94c..d4a5c887e 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -41,15 +41,18 @@ import {
   TabsList,
   TabsTrigger,
 } from "../../components/ui/tabs";
-import {
-  EXPORT_CODE_DIALOG,
-} from "../../constants/constants";
+import { EXPORT_CODE_DIALOG } from "../../constants/constants";
 import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { FlowType } from "../../types/flow/index";
 import { buildTweaks } from "../../utils/reactflowUtils";
-import { classNames, getPythonApiCode, getCurlCode, getPythonCode, } from "../../utils/utils";
+import {
+  classNames,
+  getCurlCode,
+  getPythonApiCode,
+  getPythonCode,
+} from "../../utils/utils";
 export default function ApiModal({ flow }: { flow: FlowType }) {
   const [open, setOpen] = useState(true);
   const { dark } = useContext(darkContext);
diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index f7928e9f6..8a64e2f58 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -60,7 +60,10 @@ export default function ChatMessage({
                 onClick={() => setHidden((prev) => !prev)}
                 className="form-modal-chat-icon-div"
               >
-                <IconComponent name="MessageSquare" className="form-modal-chat-icon" />
+                <IconComponent
+                  name="MessageSquare"
+                  className="form-modal-chat-icon"
+                />
               </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 e6dac86d4..48dfbc6ea 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -586,7 +586,10 @@ export default function FormModal({
                         <span className="langflow-chat-desc-span">
                           Start a conversation and click the agent's thoughts{" "}
                           <span>
-                            <IconComponent name="MessageSquare" className="mx-1 inline h-5 w-5 animate-bounce " />
+                            <IconComponent
+                              name="MessageSquare"
+                              className="mx-1 inline h-5 w-5 animate-bounce "
+                            />
                           </span>{" "}
                           to inspect the chaining process.
                         </span>
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index a4613d2fe..5505f38c0 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -19,7 +19,11 @@ import { darkContext } from "../../contexts/darkContext";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { postValidatePrompt } from "../../controllers/API";
 import { APIClassType } from "../../types/api";
-import { classNames, getRandomKeyByssmm, varHighlightHTML } from "../../utils/utils";
+import {
+  classNames,
+  getRandomKeyByssmm,
+  varHighlightHTML,
+} from "../../utils/utils";
 import BaseModal from "../baseModal";
 
 export default function GenericModal({
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 0ec6056f6..19e968518 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -171,4 +171,4 @@ export type IconComponentProps = {
 
 export interface languageMap {
   [key: string]: string | undefined;
-};
+}
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index 3dd1253f4..ad0b1c147 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -38,6 +38,7 @@ import {
   LucideSend,
   Menu,
   MessageCircle,
+  MessageSquare,
   MessagesSquare,
   MoonIcon,
   Paperclip,
@@ -61,7 +62,6 @@ import {
   X,
   XCircle,
   Zap,
-  MessageSquare,
 } from "lucide-react";
 import { Edge, Node } from "reactflow";
 import { AirbyteIcon } from "../icons/Airbyte";