diff --git a/src/components/base/base-search-box.tsx b/src/components/base/base-search-box.tsx
index 771002e..f3f8d53 100644
--- a/src/components/base/base-search-box.tsx
+++ b/src/components/base/base-search-box.tsx
@@ -96,11 +96,11 @@ export const BaseSearchBox = styled((props: SearchProps) => {
   return (
     <Tooltip title={errorMessage} placement="bottom-start">
       <TextField
+        autoComplete="off"
         inputRef={inputRef}
         hiddenLabel
         fullWidth
         size="small"
-        autoComplete="off"
         variant="outlined"
         spellCheck="false"
         placeholder={props.placeholder ?? t("Filter conditions")}
diff --git a/src/components/base/base-styled-text-field.tsx b/src/components/base/base-styled-text-field.tsx
index 1c508d4..e6a55e1 100644
--- a/src/components/base/base-styled-text-field.tsx
+++ b/src/components/base/base-styled-text-field.tsx
@@ -6,10 +6,10 @@ export const BaseStyledTextField = styled((props: TextFieldProps) => {
 
   return (
     <TextField
+      autoComplete="off"
       hiddenLabel
       fullWidth
       size="small"
-      autoComplete="off"
       variant="outlined"
       spellCheck="false"
       placeholder={t("Filter conditions")}
diff --git a/src/components/profile/rules-editor-viewer.tsx b/src/components/profile/rules-editor-viewer.tsx
index 6b9d39d..82917b8 100644
--- a/src/components/profile/rules-editor-viewer.tsx
+++ b/src/components/profile/rules-editor-viewer.tsx
@@ -399,6 +399,7 @@ export const RulesEditorViewer = (props: Props) => {
               )}
               {ruleType.name !== "RULE-SET" && ruleType.name !== "SUB-RULE" && (
                 <TextField
+                  autoComplete="off"
                   size="small"
                   sx={{ minWidth: "240px" }}
                   value={ruleContent}
diff --git a/src/components/proxy/proxy-head.tsx b/src/components/proxy/proxy-head.tsx
index e05d481..fca57d3 100644
--- a/src/components/proxy/proxy-head.tsx
+++ b/src/components/proxy/proxy-head.tsx
@@ -132,6 +132,7 @@ export const ProxyHead = (props: Props) => {
 
       {textState === "filter" && (
         <TextField
+          autoComplete="off"
           autoFocus={autoFocus}
           hiddenLabel
           value={filterText}
@@ -145,10 +146,10 @@ export const ProxyHead = (props: Props) => {
 
       {textState === "url" && (
         <TextField
+          autoComplete="off"
           autoFocus={autoFocus}
           hiddenLabel
           autoSave="off"
-          autoComplete="off"
           value={testUrl}
           size="small"
           variant="outlined"
diff --git a/src/components/setting/mods/clash-port-viewer.tsx b/src/components/setting/mods/clash-port-viewer.tsx
index 3455092..47bdc1c 100644
--- a/src/components/setting/mods/clash-port-viewer.tsx
+++ b/src/components/setting/mods/clash-port-viewer.tsx
@@ -134,8 +134,8 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("Mixed Port")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             sx={{ width: 135 }}
             value={mixedPort}
             onChange={(e) =>
@@ -146,8 +146,8 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("Socks Port")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             sx={{ width: 135 }}
             value={socksPort}
             onChange={(e) =>
@@ -169,8 +169,8 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("Http Port")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             sx={{ width: 135 }}
             value={port}
             onChange={(e) =>
@@ -193,8 +193,8 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
           <ListItem sx={{ padding: "5px 2px" }}>
             <ListItemText primary={t("Redir Port")} />
             <TextField
-              size="small"
               autoComplete="off"
+              size="small"
               sx={{ width: 135 }}
               value={redirPort}
               onChange={(e) =>
@@ -218,8 +218,8 @@ export const ClashPortViewer = forwardRef<DialogRef>((props, ref) => {
           <ListItem sx={{ padding: "5px 2px" }}>
             <ListItemText primary={t("Tproxy Port")} />
             <TextField
-              size="small"
               autoComplete="off"
+              size="small"
               sx={{ width: 135 }}
               value={tproxyPort}
               onChange={(e) =>
diff --git a/src/components/setting/mods/controller-viewer.tsx b/src/components/setting/mods/controller-viewer.tsx
index 3af15e0..80611ed 100644
--- a/src/components/setting/mods/controller-viewer.tsx
+++ b/src/components/setting/mods/controller-viewer.tsx
@@ -48,8 +48,8 @@ export const ControllerViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("External Controller")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             sx={{ width: 175 }}
             value={controller}
             placeholder="Required"
@@ -60,8 +60,8 @@ export const ControllerViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("Core Secret")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             sx={{ width: 175 }}
             value={secret}
             placeholder={t("Recommended")}
diff --git a/src/components/setting/mods/misc-viewer.tsx b/src/components/setting/mods/misc-viewer.tsx
index 059bf6c..0942444 100644
--- a/src/components/setting/mods/misc-viewer.tsx
+++ b/src/components/setting/mods/misc-viewer.tsx
@@ -198,8 +198,8 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
           />
           <TooltipIcon title={t("Default Latency Test Info")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck="false"
@@ -215,9 +215,9 @@ export const MiscViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("Default Latency Timeout")} />
           <TextField
+            autoComplete="off"
             size="small"
             type="number"
-            autoComplete="off"
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck="false"
diff --git a/src/components/setting/mods/sysproxy-viewer.tsx b/src/components/setting/mods/sysproxy-viewer.tsx
index 8981477..96374c0 100644
--- a/src/components/setting/mods/sysproxy-viewer.tsx
+++ b/src/components/setting/mods/sysproxy-viewer.tsx
@@ -188,6 +188,7 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("Guard Duration")} />
           <TextField
+            autoComplete="off"
             disabled={!enabled}
             size="small"
             value={value.duration}
@@ -218,10 +219,10 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
           <>
             <ListItemText primary={t("Proxy Bypass")} />
             <TextField
+              autoComplete="off"
               error={value.bypass ? !validReg.test(value.bypass) : false}
               disabled={!enabled}
               size="small"
-              autoComplete="off"
               multiline
               rows={4}
               sx={{ width: "100%" }}
@@ -233,9 +234,9 @@ export const SysproxyViewer = forwardRef<DialogRef>((props, ref) => {
             <ListItemText primary={t("Bypass")} />
             <FlexBox>
               <TextField
+                autoComplete="off"
                 disabled={true}
                 size="small"
-                autoComplete="off"
                 multiline
                 rows={4}
                 sx={{ width: "100%" }}
diff --git a/src/components/setting/mods/tun-viewer.tsx b/src/components/setting/mods/tun-viewer.tsx
index 7e437b4..46d26f8 100644
--- a/src/components/setting/mods/tun-viewer.tsx
+++ b/src/components/setting/mods/tun-viewer.tsx
@@ -144,8 +144,8 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("Device")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck="false"
@@ -190,8 +190,8 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("DNS Hijack")} />
           <TextField
-            size="small"
             autoComplete="off"
+            size="small"
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck="false"
@@ -207,9 +207,9 @@ export const TunViewer = forwardRef<DialogRef>((props, ref) => {
         <ListItem sx={{ padding: "5px 2px" }}>
           <ListItemText primary={t("MTU")} />
           <TextField
+            autoComplete="off"
             size="small"
             type="number"
-            autoComplete="off"
             autoCorrect="off"
             autoCapitalize="off"
             spellCheck="false"
diff --git a/src/components/setting/mods/web-ui-item.tsx b/src/components/setting/mods/web-ui-item.tsx
index bf0a4b0..320931a 100644
--- a/src/components/setting/mods/web-ui-item.tsx
+++ b/src/components/setting/mods/web-ui-item.tsx
@@ -43,12 +43,12 @@ export const WebUIItem = (props: Props) => {
       <>
         <Stack spacing={0.75} direction="row" mt={1} mb={1} alignItems="center">
           <TextField
+            autoComplete="off"
             fullWidth
             size="small"
             value={editValue}
             onChange={(e) => setEditValue(e.target.value)}
             placeholder={t("Support %host, %port, %secret")}
-            autoComplete="off"
           />
           <IconButton
             size="small"
diff --git a/src/components/setting/setting-clash.tsx b/src/components/setting/setting-clash.tsx
index 65a83be..7452035 100644
--- a/src/components/setting/setting-clash.tsx
+++ b/src/components/setting/setting-clash.tsx
@@ -125,8 +125,8 @@ const SettingClash = ({ onError }: Props) => {
         }
       >
         <TextField
-          disabled={enable_random_port}
           autoComplete="off"
+          disabled={enable_random_port}
           size="small"
           value={verge_mixed_port ?? 7897}
           sx={{ width: 100, input: { py: "7.5px", cursor: "pointer" } }}