diff --git a/src/frontend/src/icons/Airbyte/index.tsx b/src/frontend/src/icons/Airbyte/index.tsx
index c116b5ad2..6fb8daf24 100644
--- a/src/frontend/src/icons/Airbyte/index.tsx
+++ b/src/frontend/src/icons/Airbyte/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as AirbyteSVG } from "./airbyte.svg";
 
-export const AirbyteIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <AirbyteSVG ref={ref} {...props} />;
-  }
-);
+export const AirbyteIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <AirbyteSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/ChromaIcon/index.tsx b/src/frontend/src/icons/ChromaIcon/index.tsx
index 913d651f4..afcb868a8 100644
--- a/src/frontend/src/icons/ChromaIcon/index.tsx
+++ b/src/frontend/src/icons/ChromaIcon/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as ChromaSVG } from "./chroma.svg";
 
-export const ChromaIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <ChromaSVG ref={ref} {...props} />;
-  }
-);
+export const ChromaIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <ChromaSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Cohere/index.tsx b/src/frontend/src/icons/Cohere/index.tsx
index 0a071b510..bcb15dd24 100644
--- a/src/frontend/src/icons/Cohere/index.tsx
+++ b/src/frontend/src/icons/Cohere/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as CohereSVG } from "./cohere.svg";
 
-export const CohereIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <CohereSVG ref={ref} {...props} />;
-  }
-);
+export const CohereIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <CohereSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Evernote/index.tsx b/src/frontend/src/icons/Evernote/index.tsx
index 23e9bc43f..685d9da13 100644
--- a/src/frontend/src/icons/Evernote/index.tsx
+++ b/src/frontend/src/icons/Evernote/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as EvernoteSVG } from "./evernote-icon.svg";
 
-export const EvernoteIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <EvernoteSVG ref={ref} {...props} />;
-  }
-);
+export const EvernoteIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <EvernoteSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/GitBook/index.tsx b/src/frontend/src/icons/GitBook/index.tsx
index e25f52d58..0e312a8e1 100644
--- a/src/frontend/src/icons/GitBook/index.tsx
+++ b/src/frontend/src/icons/GitBook/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as GitBookSVG } from "./gitbook-svgrepo-com.svg";
 
-export const GitBookIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <GitBookSVG ref={ref} {...props} />;
-  }
-);
+export const GitBookIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <GitBookSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Google/index.tsx b/src/frontend/src/icons/Google/index.tsx
index 527469ca0..5159ba23b 100644
--- a/src/frontend/src/icons/Google/index.tsx
+++ b/src/frontend/src/icons/Google/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as GoogleSVG } from "./google.svg";
 
-export const GoogleIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <GoogleSVG ref={ref} {...props} />;
-  }
-);
+export const GoogleIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <GoogleSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/HuggingFace/index.tsx b/src/frontend/src/icons/HuggingFace/index.tsx
index eab851696..44fc68609 100644
--- a/src/frontend/src/icons/HuggingFace/index.tsx
+++ b/src/frontend/src/icons/HuggingFace/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as HugginFaceSVG } from "./hf-logo.svg";
 
-export const HugginFaceIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <HugginFaceSVG ref={ref} {...props} />;
-  }
-);
+export const HugginFaceIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <HugginFaceSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Midjorney/index.tsx b/src/frontend/src/icons/Midjorney/index.tsx
index 450666cfe..fd09aa700 100644
--- a/src/frontend/src/icons/Midjorney/index.tsx
+++ b/src/frontend/src/icons/Midjorney/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as MidjorneySVG } from "./Midjourney_Emblem.svg";
 
-export const MidjorneyIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <MidjorneySVG ref={ref} {...props} />;
-  }
-);
+export const MidjorneyIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <MidjorneySVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Notion/index.tsx b/src/frontend/src/icons/Notion/index.tsx
index 9666ce80b..265a5c153 100644
--- a/src/frontend/src/icons/Notion/index.tsx
+++ b/src/frontend/src/icons/Notion/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as NotionSVG } from "./Notion-logo.svg";
 
-export const NotionIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <NotionSVG ref={ref} {...props} />;
-  }
-);
+export const NotionIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <NotionSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/OpenAi/index.tsx b/src/frontend/src/icons/OpenAi/index.tsx
index ae50fbce3..940f4f908 100644
--- a/src/frontend/src/icons/OpenAi/index.tsx
+++ b/src/frontend/src/icons/OpenAi/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as OpenAiSVG } from "./openAI.svg";
 
-export const OpenAiIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <OpenAiSVG ref={ref} {...props} />;
-  }
-);
+export const OpenAiIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <OpenAiSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/PowerPoint/index.tsx b/src/frontend/src/icons/PowerPoint/index.tsx
index fbb68d533..89d6fb53b 100644
--- a/src/frontend/src/icons/PowerPoint/index.tsx
+++ b/src/frontend/src/icons/PowerPoint/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as PowerPointSVG } from "./PowerPoint.svg";
 
-export const PowerPointIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <PowerPointSVG ref={ref} {...props} />;
-  }
-);
+export const PowerPointIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <PowerPointSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/QDrant/index.tsx b/src/frontend/src/icons/QDrant/index.tsx
index 7e8ec655d..5bc03e070 100644
--- a/src/frontend/src/icons/QDrant/index.tsx
+++ b/src/frontend/src/icons/QDrant/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as QDrantSVG } from "./QDrant.svg";
 
-export const QDrantIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <QDrantSVG ref={ref} {...props} />;
-  }
-);
+export const QDrantIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <QDrantSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/ReadTheDocs/index.tsx b/src/frontend/src/icons/ReadTheDocs/index.tsx
index c87a624de..87a327912 100644
--- a/src/frontend/src/icons/ReadTheDocs/index.tsx
+++ b/src/frontend/src/icons/ReadTheDocs/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as ReadTheDocsSVG } from "./readthedocsio-icon.svg";
 
-export const ReadTheDocsIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <ReadTheDocsSVG ref={ref} {...props} />;
-  }
-);
+export const ReadTheDocsIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <ReadTheDocsSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Weaviate/index.tsx b/src/frontend/src/icons/Weaviate/index.tsx
index f454e4f15..f1aeeb1af 100644
--- a/src/frontend/src/icons/Weaviate/index.tsx
+++ b/src/frontend/src/icons/Weaviate/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as WeaviateSVG } from "./weaviate.svg";
 
-export const WeaviateIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <WeaviateSVG ref={ref} {...props} />;
-  }
-);
+export const WeaviateIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <WeaviateSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Wikipedia/index.tsx b/src/frontend/src/icons/Wikipedia/index.tsx
index 06c1c5b4d..446f9c108 100644
--- a/src/frontend/src/icons/Wikipedia/index.tsx
+++ b/src/frontend/src/icons/Wikipedia/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as WikipediaSVG } from "./Wikipedia.svg";
 
-export const WikipediaIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <WikipediaSVG ref={ref} {...props} />;
-  }
-);
+export const WikipediaIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <WikipediaSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/Wolfram/index.tsx b/src/frontend/src/icons/Wolfram/index.tsx
index c8b94ebf1..8f1b3e089 100644
--- a/src/frontend/src/icons/Wolfram/index.tsx
+++ b/src/frontend/src/icons/Wolfram/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as WolframSVG } from "./wolfram.svg";
 
-export const WolframIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <WolframSVG ref={ref} {...props} />;
-  }
-);
+export const WolframIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <WolframSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/icons/hackerNews/index.tsx b/src/frontend/src/icons/hackerNews/index.tsx
index d1c47e7db..787a94274 100644
--- a/src/frontend/src/icons/hackerNews/index.tsx
+++ b/src/frontend/src/icons/hackerNews/index.tsx
@@ -1,8 +1,9 @@
 import React, { forwardRef } from "react";
 import { ReactComponent as HackerNewsSVG } from "./Y_Combinator_logo.svg";
 
-export const HackerNewsIcon = forwardRef<SVGSVGElement, React.PropsWithChildren<{}>>(
-  (props, ref) => {
-    return <HackerNewsSVG ref={ref} {...props} />;
-  }
-);
+export const HackerNewsIcon = forwardRef<
+  SVGSVGElement,
+  React.PropsWithChildren<{}>
+>((props, ref) => {
+  return <HackerNewsSVG ref={ref} {...props} />;
+});
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 585e93664..be7314ade 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -20,7 +20,7 @@ import { Connection, Edge, Node, ReactFlowInstance, addEdge } from "reactflow";
 import { FlowType, NodeType } from "./types/flow";
 import { APITemplateType, TemplateVariableType } from "./types/api";
 import _ from "lodash";
-import { ChromaIcon} from "./icons/ChromaIcon";
+import { ChromaIcon } from "./icons/ChromaIcon";
 import { AirbyteIcon } from "./icons/Airbyte";
 import { AzIcon } from "./icons/AzLogo";
 import { BingIcon } from "./icons/Bing";