diff --git a/src/components/SearchMenu/SearchModal.vue b/src/components/SearchMenu/SearchModal.vue
index c877b5a7..d8fd5ea8 100644
--- a/src/components/SearchMenu/SearchModal.vue
+++ b/src/components/SearchMenu/SearchModal.vue
@@ -196,7 +196,7 @@ const handleReleaseUpOrDown = () => {
   }
   .el-dialog__footer {
     border-top: 1px solid var(--el-border-color);
-    padding: var(--el-dialog-padding-primary);
+    padding-top: var(--el-dialog-padding-primary);
   }
 }
 </style>
diff --git a/src/components/SearchMenu/SearchResult.vue b/src/components/SearchMenu/SearchResult.vue
index 8144bd6c..0b861491 100644
--- a/src/components/SearchMenu/SearchResult.vue
+++ b/src/components/SearchMenu/SearchResult.vue
@@ -85,12 +85,14 @@ defineExpose({ getScrollTop })
 </template>
 
 <style lang="scss" scoped>
+@import "@/styles/mixins.scss";
+
 .result-item {
   display: flex;
   align-items: center;
   height: 56px;
   padding: 0 15px;
-  margin-top: 8px;
+  margin-bottom: 8px;
   border: 1px solid var(--el-border-color);
   border-radius: 4px;
   cursor: pointer;
@@ -105,6 +107,7 @@ defineExpose({ getScrollTop })
   &-title {
     flex: 1;
     margin-left: 12px;
+    @extend %ellipsis;
   }
 }
 </style>