diff --git a/frontend/src/views/ds/RecommendedProblemConfigDialog.vue b/frontend/src/views/ds/RecommendedProblemConfigDialog.vue
index ab0829e5..0f232266 100644
--- a/frontend/src/views/ds/RecommendedProblemConfigDialog.vue
+++ b/frontend/src/views/ds/RecommendedProblemConfigDialog.vue
@@ -136,6 +136,7 @@ defineExpose({
           v-for="(recommendedItem, index) in state.recommended.recommendedProblemList"
           :key="index"
           prop="mode"
+          class="recommended-form-item"
         >
           <el-row class="question-item">
             <el-input
@@ -183,6 +184,9 @@ defineExpose({
     background-color: #fff;
     padding: 0 12px;
   }
+  .recommended-form-item {
+    margin-bottom: 8px;
+  }
   .question-item {
     width: 100%;
     display: flex;