diff --git a/webapp/packages/supersonic-fe/src/pages/System/index.tsx b/webapp/packages/supersonic-fe/src/pages/System/index.tsx
index 2597916fd..e09c18bf3 100644
--- a/webapp/packages/supersonic-fe/src/pages/System/index.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/System/index.tsx
@@ -15,7 +15,7 @@ import {
 } from 'antd';
 import React, { useState, useEffect } from 'react';
 import { getSystemConfig, saveSystemConfig } from '@/services/user';
-import { ProCard } from  '@ant-design/pro-components';
+import { ProCard } from '@ant-design/pro-components';
 import SelectTMEPerson from '@/components/SelectTMEPerson';
 import { ConfigParametersItem, SystemConfig } from './types';
 import FormItemTitle from '@/components/FormHelper/FormItemTitle';
@@ -59,10 +59,10 @@ const System: React.FC = () => {
   const setInitData = (admins: string[], systemConfigParameters: ConfigParametersItem[]) => {
     const fieldsValue = systemConfigParameters.reduce(
       (fields, item) => {
-        const { name, value } = item;
+        const { name, value, defaultValue } = item;
         return {
           ...fields,
-          [name]: value,
+          [name]: value || defaultValue,
         };
       },
       { admins },
@@ -81,6 +81,7 @@ const System: React.FC = () => {
           return {
             ...item,
             value: submitData[name],
+            defaultValue: submitData[name],
           };
         }
         return item;
diff --git a/webapp/packages/supersonic-fe/src/pages/System/types.ts b/webapp/packages/supersonic-fe/src/pages/System/types.ts
index ed3f94e73..9cd8f7010 100644
--- a/webapp/packages/supersonic-fe/src/pages/System/types.ts
+++ b/webapp/packages/supersonic-fe/src/pages/System/types.ts
@@ -3,6 +3,7 @@ export type ConfigParametersItem = {
   name: string;
   comment: string;
   value: string;
+  defaultValue?: string;
   candidateValues: string[];
   description: string;
   require?: boolean;