diff --git a/ui/app/peers/create/configuration/configForm.tsx b/ui/app/peers/create/configuration/configForm.tsx
index 1014c44cf5..de47e1764d 100644
--- a/ui/app/peers/create/configuration/configForm.tsx
+++ b/ui/app/peers/create/configuration/configForm.tsx
@@ -15,7 +15,7 @@ interface ConfigProps {
   setter: PeerSetter;
 }
 
-export default function PgConfig(props: ConfigProps) {
+export default function ConfigForm(props: ConfigProps) {
   return (
     <>
       {props.settings.map((setting, id) => {
diff --git a/ui/app/peers/create/configuration/page.tsx b/ui/app/peers/create/configuration/page.tsx
index b5873ded9f..b8ce42c746 100644
--- a/ui/app/peers/create/configuration/page.tsx
+++ b/ui/app/peers/create/configuration/page.tsx
@@ -8,7 +8,7 @@ import { TextField } from '@/lib/TextField';
 import Link from 'next/link';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { useState } from 'react';
-import PgConfig from './configForm';
+import ConfigForm from './configForm';
 import { handleCreate, handleValidate } from './handlers';
 import { getBlankSetting } from './helpers/common';
 import { postgresSetting } from './helpers/pg';
@@ -28,7 +28,7 @@ export default function CreateConfig() {
   const configComponentMap = (dbType: string) => {
     switch (dbType) {
       case 'POSTGRES':
-        return <PgConfig settings={postgresSetting} setter={setConfig} />;
+        return <ConfigForm settings={postgresSetting} setter={setConfig} />;
       default:
         return <></>;
     }