diff --git a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseAdd.vue b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseAdd.vue
index e9f3f7a90..6047ff068 100644
--- a/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseAdd.vue
+++ b/jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseAdd.vue
@@ -26,7 +26,7 @@
                       <a-select-option v-for="(item, key) in projectNameList"
                                        :key="key"
                                        :value="item.value">
-                     <span style="display: inline-block;width: 100%" :title=" item.name ">
+                     <span class="selectText" :title=" item.name ">
                            {{ item.name}}
                      </span>
                       </a-select-option>
@@ -78,7 +78,7 @@
                       <a-select-option v-for="(item, key) in problemTypeList"
                                        :key="key"
                                        :value="item.id">
-                     <span style="display: inline-block;width: 100%" :title="item.problemLabel ">
+                     <span class="selectText" :title="item.problemLabel ">
                            {{item.problemLabel}}
                      </span>
                       </a-select-option>
@@ -605,4 +605,13 @@
   ::v-deep .ql-snow .ql-picker {
     height: 36px;
   }
+
+  .selectText {
+    width: 100%;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    word-break: break-word;
+  }
 </style>
\ No newline at end of file