diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index a9f8a9061..21ace0feb 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -319,3 +319,8 @@
   padding-left: 12px !important;
   padding-right: 12px !important;
 }
+
+// select下拉框
+.select-popper {
+  max-width: 300px;
+}
diff --git a/ui/src/views/paragraph/component/ProblemComponent.vue b/ui/src/views/paragraph/component/ProblemComponent.vue
index 6284f3285..04e3819d5 100644
--- a/ui/src/views/paragraph/component/ProblemComponent.vue
+++ b/ui/src/views/paragraph/component/ProblemComponent.vue
@@ -25,13 +25,17 @@
           @change="addProblemHandle"
           @blur="isAddProblem = false"
           class="mb-16"
+          popper-class="select-popper"
+          :popper-append-to-body="false"
         >
           <el-option
             v-for="item in problemOptions"
             :key="item.id"
             :label="item.content"
             :value="item.id"
-          />
+          >
+            {{ item.content }}
+          </el-option>
         </el-select>
         <template v-for="(item, index) in problemList" :key="index">
           <TagEllipsis