diff --git a/web/html/xui/form/outbound.html b/web/html/xui/form/outbound.html
index 3f11907d..dd14abb3 100644
--- a/web/html/xui/form/outbound.html
+++ b/web/html/xui/form/outbound.html
@@ -214,17 +214,25 @@
     </template>
 
 <!-- shadowsocks -->
-<template v-if="outbound.protocol === Protocols.Shadowsocks">
+    <template v-if="outbound.protocol === Protocols.Shadowsocks">
+        <a-form-item label='{{ i18n "password" }}'>
+            <a-input v-model.trim="outbound.settings.password"></a-input>
+              </a-form-item>
         <a-form-item label='{{ i18n "encryption" }}'>
             <a-select v-model="outbound.settings.method" :dropdown-class-name="themeSwitcher.currentTheme">
-                <a-select-option v-for="(method,method_name) in SSMethods" :value="method">[[ method_name ]]</a-select-option>
-            </a-select>
-        </a-form-item>
+              <a-select-option v-for="(method,method_name) in SSMethods" :value="method">[[ method_name ]]</a-select-option>
+            </a-select>  
         <a-form-item label='UDP over TCP'>
             <a-switch v-model="outbound.settings.uot"></a-switch>
         </a-form-item>
     </template>
-</template>
+    <!-- trojan -->
+     <template v-if="outbound.protocol === Protocols.Trojan">
+        <a-form-item label='{{ i18n "password" }}'>
+           <a-input v-model.trim="outbound.settings.password"></a-input>
+             </a-form-item>
+        </template>
+   </template>
 
 <!-- stream settings -->
 <template v-if="outbound.canEnableStream()">
@@ -381,7 +389,7 @@
 
     <!-- reality settings -->
     <template v-if="outbound.stream.isReality">
-        <a-form-item label='{{ i18n "domainName" }}'>
+        <a-form-item label="SNI">
             <a-input v-model.trim="outbound.stream.reality.serverName"></a-input>
         </a-form-item>
         <a-form-item label="uTLS">