diff --git a/frontend/src/assets/jira-key.png b/frontend/src/assets/jira-key.png
new file mode 100644
index 0000000000..135f3d4a6f
Binary files /dev/null and b/frontend/src/assets/jira-key.png differ
diff --git a/frontend/src/assets/jira-type.png b/frontend/src/assets/jira-type.png
new file mode 100644
index 0000000000..170dc19858
Binary files /dev/null and b/frontend/src/assets/jira-type.png differ
diff --git a/frontend/src/business/components/common/components/MsInstructionsIcon.vue b/frontend/src/business/components/common/components/MsInstructionsIcon.vue
index 75222bd071..63a8e83781 100644
--- a/frontend/src/business/components/common/components/MsInstructionsIcon.vue
+++ b/frontend/src/business/components/common/components/MsInstructionsIcon.vue
@@ -1,7 +1,9 @@
 <template>
   <el-tooltip class="instructions-icon" :effect="effect" :placement="placement">
     <template v-slot:content>
-      {{content}}
+      <slot>
+        {{content}}
+      </slot>
     </template>
     <i :style="{'font-size': size + 'px'}" class="el-icon-info"></i>
   </el-tooltip>
@@ -50,4 +52,8 @@
     color: #409EFF;
   }
 
+  .instructions-icon {
+    margin-left: 5px;
+  }
+
 </style>
diff --git a/frontend/src/business/components/settings/organization/components/JiraSetting.vue b/frontend/src/business/components/settings/organization/components/JiraSetting.vue
index 834b658105..ebb8be7f56 100644
--- a/frontend/src/business/components/settings/organization/components/JiraSetting.vue
+++ b/frontend/src/business/components/settings/organization/components/JiraSetting.vue
@@ -15,9 +15,19 @@
         </el-form-item>
         <el-form-item :label="$t('organization.integration.jira_issuetype')" prop="issuetype">
           <el-input v-model="form.issuetype" :placeholder="$t('organization.integration.input_jira_issuetype')"/>
+          <ms-instructions-icon effect="light">
+            <template>
+              <img class="jira-image" src="../../../../../assets/jira-type.png"/>
+            </template>
+          </ms-instructions-icon>
         </el-form-item>
         <el-form-item :label="$t('organization.integration.jira_storytype')" prop="storytype">
           <el-input v-model="form.storytype" :placeholder="$t('organization.integration.input_jira_storytype')"/>
+          <ms-instructions-icon effect="light">
+            <template>
+              <img class="jira-image" src="../../../../../assets/jira-type.png"/>
+            </template>
+          </ms-instructions-icon>
         </el-form-item>
       </el-form>
     </div>
@@ -50,10 +60,11 @@
 import BugManageBtn from "@/business/components/settings/organization/components/BugManageBtn";
 import {getCurrentUser} from "@/common/js/utils";
 import {JIRA} from "@/common/js/constants";
+import MsInstructionsIcon from "@/business/components/common/components/MsInstructionsIcon";
 
 export default {
   name: "JiraSetting",
-  components: {BugManageBtn},
+  components: {MsInstructionsIcon, BugManageBtn},
   created() {
     this.init();
   },
@@ -203,4 +214,8 @@ export default {
   padding: 10px;
   border-radius: 3px;
 }
+
+.el-input {
+  width: 80%;
+}
 </style>
diff --git a/frontend/src/business/components/settings/project/ProjectList.vue b/frontend/src/business/components/settings/project/ProjectList.vue
index c51dacc796..38c518e108 100644
--- a/frontend/src/business/components/settings/project/ProjectList.vue
+++ b/frontend/src/business/components/settings/project/ProjectList.vue
@@ -104,7 +104,12 @@
           <el-input v-model="form.tapdId" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item :label="$t('project.jira_key')" v-if="jira">
-          <el-input v-model="form.jiraKey" autocomplete="off"></el-input>
+          <el-input v-model="form.jiraKey" autocomplete="off"/>
+          <ms-instructions-icon effect="light">
+            <template>
+              <img class="jira-image" src="../../../../assets/jira-key.png"/>
+            </template>
+          </ms-instructions-icon>
         </el-form-item>
         <el-form-item :label="$t('project.zentao_id')" v-if="zentao">
           <el-input v-model="form.zentaoId" autocomplete="off"></el-input>
@@ -165,10 +170,12 @@ import {_filter, _sort} from "@/common/js/tableUtils";
 import MsResourceFiles from "@/business/components/performance/test/components/ResourceFiles";
 import TemplateSelect from "@/business/components/settings/workspace/template/TemplateSelect";
 import {PROJECT_CONFIGS} from "@/business/components/common/components/search/search-components";
+import MsInstructionsIcon from "@/business/components/common/components/MsInstructionsIcon";
 
 export default {
   name: "MsProject",
   components: {
+    MsInstructionsIcon,
     TemplateSelect,
     MsResourceFiles,
     MsTableButton,
@@ -382,4 +389,8 @@ pre {
   margin: 0 0;
   font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif;
 }
+
+.el-input,.el-textarea {
+  width: 95%;
+}
 </style>
diff --git a/frontend/src/business/components/settings/workspace/MsProject.vue b/frontend/src/business/components/settings/workspace/MsProject.vue
index d830173896..62dd9e39c9 100644
--- a/frontend/src/business/components/settings/workspace/MsProject.vue
+++ b/frontend/src/business/components/settings/workspace/MsProject.vue
@@ -110,7 +110,12 @@
           <el-input v-model="form.tapdId" autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item :label="$t('project.jira_key')" v-if="jira">
-          <el-input v-model="form.jiraKey" autocomplete="off"></el-input>
+          <el-input v-model="form.jiraKey" autocomplete="off"/>
+          <ms-instructions-icon effect="light">
+            <template>
+              <img class="jira-image" src="../../../../assets/jira-key.png"/>
+            </template>
+          </ms-instructions-icon>
         </el-form-item>
         <el-form-item :label="$t('project.zentao_id')" v-if="zentao">
           <el-input v-model="form.zentaoId" autocomplete="off"></el-input>
@@ -241,10 +246,12 @@ import TemplateSelect from "@/business/components/settings/workspace/template/Te
 import {PROJECT_CONFIGS} from "@/business/components/common/components/search/search-components";
 import MsRolesTag from "@/business/components/common/components/MsRolesTag";
 import AddMember from "@/business/components/settings/common/AddMember";
+import MsInstructionsIcon from "@/business/components/common/components/MsInstructionsIcon";
 
 export default {
   name: "MsProject",
   components: {
+    MsInstructionsIcon,
     TemplateSelect,
     MsResourceFiles,
     MsTableButton,
@@ -638,4 +645,8 @@ pre {
   color: #8492a6;
   font-size: 13px;
 }
+
+.el-input,.el-textarea {
+  width: 95%;
+}
 </style>