diff --git a/web/html/xui/xray_rule_modal.html b/web/html/xui/xray_rule_modal.html
index 63267055..6c047f8f 100644
--- a/web/html/xui/xray_rule_modal.html
+++ b/web/html/xui/xray_rule_modal.html
@@ -3,9 +3,9 @@
          :confirm-loading="ruleModal.confirmLoading" :closable="true" :mask-closable="false"
          :ok-text="ruleModal.okText" cancel-text='{{ i18n "close" }}' :class="themeSwitcher.currentTheme">
     <a-form layout="inline">
-    <table width="100%" class="ant-table-tbody">
-        <tr>
-            <td>Domain Matcher</td>
+        <table width="100%" class="ant-table-tbody">
+            <tr>
+            <td style="width: 30%;">Domain Matcher</td>
             <td>
                 <a-form-item>
                     <a-select v-model="ruleModal.rule.domainMatcher" style="width: 250px;" :dropdown-class-name="themeSwitcher.currentTheme">
@@ -158,6 +158,7 @@
         isEdit: false,
         confirm: null,
         rule: {
+            type: "field",
             domainMatcher: "",
             domain: "",
             ip: "",
@@ -235,6 +236,7 @@
             value = ruleModal.rule;
             rule = {};
             newRule = {};
+            rule.type = "field";
             rule.domainMatcher = value.domainMatcher;
             rule.domain = value.domain.length>0 ? value.domain.split(',') : [];
             rule.ip = value.ip.length>0 ? value.ip.split(',') : [];