diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 8fabc07e2..91d41800a 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -23,10 +23,9 @@ import {
   groupByFamily,
   isValidConnection,
   nodeIconsLucide,
-  nodeNames,
 } from "../../../../utils";
 import { cleanEdges } from "../../../../utils/reactflowUtils";
-import { nodeColors } from "../../../../utils/styleUtils";
+import { nodeColors, nodeNames } from "../../../../utils/styleUtils";
 
 export default function ParameterComponent({
   left,
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 7317341e2..68a3f7b94 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -9,8 +9,8 @@ import { typesContext } from "../../../../contexts/typesContext";
 import ApiModal from "../../../../modals/ApiModal";
 import ExportModal from "../../../../modals/exportModal";
 import { APIClassType, APIObjectType } from "../../../../types/api";
-import { classNames, nodeIconsLucide, nodeNames } from "../../../../utils";
-import { nodeColors } from "../../../../utils/styleUtils";
+import { classNames, nodeIconsLucide } from "../../../../utils";
+import { nodeColors, nodeNames } from "../../../../utils/styleUtils";
 import DisclosureComponent from "../DisclosureComponent";
 
 export default function ExtraSidebar() {
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 5fd11f3a6..7b06e47d5 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -62,27 +62,6 @@ export enum TypeModal {
   PROMPT = 2,
 }
 
-export const nodeNames: { [char: string]: string } = {
-  prompts: "Prompts",
-  llms: "LLMs",
-  chains: "Chains",
-  agents: "Agents",
-  tools: "Tools",
-  memories: "Memories",
-  advanced: "Advanced",
-  chat: "Chat",
-  embeddings: "Embeddings",
-  documentloaders: "Loaders",
-  vectorstores: "Vector Stores",
-  toolkits: "Toolkits",
-  wrappers: "Wrappers",
-  textsplitters: "Text Splitters",
-  retrievers: "Retrievers",
-  utilities: "Utilities",
-  output_parsers: "Output Parsers",
-  unknown: "Unknown",
-};
-
 export const nodeIconsLucide: {
   [char: string]: React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index ac42d2072..2e96d48cd 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -54,3 +54,24 @@ export const nodeColors: { [char: string]: string } = {
   retrievers: "#e6b25a",
   unknown: "#9CA3AF",
 };
+
+export const nodeNames: { [char: string]: string } = {
+  prompts: "Prompts",
+  llms: "LLMs",
+  chains: "Chains",
+  agents: "Agents",
+  tools: "Tools",
+  memories: "Memories",
+  advanced: "Advanced",
+  chat: "Chat",
+  embeddings: "Embeddings",
+  documentloaders: "Loaders",
+  vectorstores: "Vector Stores",
+  toolkits: "Toolkits",
+  wrappers: "Wrappers",
+  textsplitters: "Text Splitters",
+  retrievers: "Retrievers",
+  utilities: "Utilities",
+  output_parsers: "Output Parsers",
+  unknown: "Unknown",
+};