diff --git a/web/src/components/config-form/sections/ConfigSectionTemplate.tsx b/web/src/components/config-form/sections/ConfigSectionTemplate.tsx
index 18cd58ede..8c6063ec9 100644
--- a/web/src/components/config-form/sections/ConfigSectionTemplate.tsx
+++ b/web/src/components/config-form/sections/ConfigSectionTemplate.tsx
@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { createConfigSection } from "./BaseSection";
 import type { BaseSectionProps, SectionConfig } from "./BaseSection";
-import { getSectionConfig } from "@/components/config-form/sectionConfigsUtils";
+import { getSectionConfig } from "@/utils/sectionConfigsUtils";
 
 export type ConfigSectionTemplateProps = BaseSectionProps & {
   sectionKey: string;
diff --git a/web/src/components/config-form/sectionConfigsUtils.ts b/web/src/utils/sectionConfigsUtils.ts
similarity index 82%
rename from web/src/components/config-form/sectionConfigsUtils.ts
rename to web/src/utils/sectionConfigsUtils.ts
index c8467bf75..79471ca69 100644
--- a/web/src/components/config-form/sectionConfigsUtils.ts
+++ b/web/src/utils/sectionConfigsUtils.ts
@@ -1,6 +1,6 @@
 import mergeWith from "lodash/mergeWith";
-import type { SectionConfig } from "./sections/BaseSection";
-import { sectionConfigs } from "./sectionConfigs";
+import type { SectionConfig } from "../components/config-form/sections/BaseSection";
+import { sectionConfigs } from "../components/config-form/sectionConfigs";
 
 const mergeSectionConfig = (
   base: SectionConfig | undefined,