diff --git a/src/frontend/src/constants/constants.ts b/src/frontend/src/constants/constants.ts
index 3f4584102..10b6e41df 100644
--- a/src/frontend/src/constants/constants.ts
+++ b/src/frontend/src/constants/constants.ts
@@ -727,3 +727,14 @@ export const STATUS_BUILD = "Build to validate status.";
 export const STATUS_BUILDING = "Building...";
 export const SAVED_HOVER = "Last saved at ";
 export const RUN_TIMESTAMP_PREFIX = "Last Run: ";
+
+export const PRIORITY_SIDEBAR_ORDER = [
+  "saved_components",
+  "inputs",
+  "outputs",
+  "prompts",
+  "data",
+  "prompt",
+  "models",
+  "helpers",
+];
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx
index f8b5a0af9..ee0509cd0 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/utils.tsx
@@ -1,16 +1,10 @@
+import { PRIORITY_SIDEBAR_ORDER } from "../../../../constants/constants";
+
 export function sortKeys(a: string, b: string) {
   // Define the order of specific keys
-  const order = [
-    "saved_components",
-    "inputs",
-    "outputs",
-    "prompts",
-    "data",
-    "models",
-    "utilities",
-  ];
-  const indexA = order.indexOf(a.toLowerCase());
-  const indexB = order.indexOf(b.toLowerCase());
+
+  const indexA = PRIORITY_SIDEBAR_ORDER.indexOf(a.toLowerCase());
+  const indexB = PRIORITY_SIDEBAR_ORDER.indexOf(b.toLowerCase());
 
   // Check if both keys are in the predefined order
   if (indexA !== -1 && indexB !== -1) {