diff --git a/mindinsight/ui/src/components/multiselectGroup.vue b/mindinsight/ui/src/components/multiselectGroup.vue
index b6c32f95aca756b03f0a9145bcc128fe31031253..94a7a3a7456021c4e6f2f00d09556c0bd14d86f9 100644
--- a/mindinsight/ui/src/components/multiselectGroup.vue
+++ b/mindinsight/ui/src/components/multiselectGroup.vue
@@ -500,7 +500,7 @@ export default {
     user-select: none;
   }
   .search-input-item {
-    width: 261px;
+    width: 290px;
   }
 }
 .tooltip-show-content {
diff --git a/mindinsight/ui/src/locales/en-us.json b/mindinsight/ui/src/locales/en-us.json
index e912222f2af785cf7ff3d083974ad4f161c42a6b..80c175d6bb87ce61a4fe7385048a95a216273e26 100644
--- a/mindinsight/ui/src/locales/en-us.json
+++ b/mindinsight/ui/src/locales/en-us.json
@@ -253,7 +253,7 @@
       "desc": "How Do I Use Profiler for Profiling?",
       "anchor": ["desc"],
       "url": [
-        "https://www.mindspore.cn/tutorial/zh-CN/master/advanced_use/performance_profiling.html"
+        "https://www.mindspore.cn/tutorial/en/master/advanced_use/performance_profiling.html"
       ]
     },
     "step_trace-proposer_type_label": {
diff --git a/mindinsight/ui/src/views/train-manage/image.vue b/mindinsight/ui/src/views/train-manage/image.vue
index e463b863b3369a1c5bf45887ba54624487e016dc..a84bc578c5b80fc255c6091fe7c920cacf68fcfc 100644
--- a/mindinsight/ui/src/views/train-manage/image.vue
+++ b/mindinsight/ui/src/views/train-manage/image.vue
@@ -29,8 +29,8 @@ limitations under the License.
       <!-- Selecting an operation area -->
       <div class="cl-img-operate-content">
         <multiselectGroupComponents ref="multiselectGroupComponents"
-                             :checkListArr="tagOperateList"
-                             @selectedChange="tagSelectedChanged"></multiselectGroupComponents>
+                                    :checkListArr="tagOperateList"
+                                    @selectedChange="tagSelectedChanged"></multiselectGroupComponents>
       </div>
       <!-- Sliding block area -->
       <div class="cl-img-slider-operate-content">
@@ -229,7 +229,10 @@ export default {
       document.title = this.$t('images.titleText') + '-MindInsight';
       return;
     }
-    document.title = decodeURIComponent(this.$route.query.train_id) +'-' + this.$t('images.titleText') +
+    document.title =
+      decodeURIComponent(this.$route.query.train_id) +
+      '-' +
+      this.$t('images.titleText') +
       '-MindInsight';
     this.getTagList();
     // Automatic refresh
@@ -367,9 +370,9 @@ export default {
                     sampleItem.curImgUrl =
                   `${basePath}${this.imageBasePath}train_id=${sampleItem.summaryId}` +
                   `&tag=${sampleItem.tagName}&step=${curSampleData.step}&wt=${curSampleData.wall_time}`;
-                    sampleItem.curTime = this.dealrelativeTime(new Date(
-                        curSampleData.wall_time * 1000,
-                    ).toString());
+                    sampleItem.curTime = this.dealrelativeTime(
+                        new Date(curSampleData.wall_time * 1000).toString(),
+                    );
                     sampleItem.curImageSize = [
                       curSampleData.width,
                       curSampleData.height,
@@ -407,9 +410,9 @@ export default {
       sampleItem.curImgUrl =
         `${basePath}${this.imageBasePath}train_id=${sampleItem.summaryId}` +
         `&tag=${sampleItem.tagName}&step=${curStepData.step}&wt=${curStepData.wall_time}`;
-      sampleItem.curTime = this.dealrelativeTime(new Date(
-          curStepData.wall_time * 1000,
-      ).toString());
+      sampleItem.curTime = this.dealrelativeTime(
+          new Date(curStepData.wall_time * 1000).toString(),
+      );
       sampleItem.curImageSize = [curStepData.width, curStepData.height];
     },
     /**
@@ -862,7 +865,7 @@ export default {
     }
   }
   .search-input-item {
-    width: 261px;
+    width: 290px;
   }
   .cl-close-btn {
     width: 20px;