diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss
new file mode 100644
index 00000000..79361e5f
--- /dev/null
+++ b/src/styles/element-plus.scss
@@ -0,0 +1,47 @@
+$border: 1px solid var(--el-border-color-light);
+
+/* el-dialog */
+.el-dialog {
+  padding: 0 !important;
+
+  .el-dialog__header {
+    padding: 15px 20px;
+    margin: 0;
+    border-bottom: $border;
+  }
+
+  .el-dialog__body {
+    padding: 20px;
+  }
+
+  .el-dialog__footer {
+    padding: 15px;
+    border-top: $border;
+  }
+}
+
+/** el-drawer */
+.el-drawer {
+  .el-drawer__header {
+    padding: 15px 20px;
+    margin: 0;
+    color: inherit;
+    border-bottom: $border;
+  }
+
+  .el-drawer__body {
+    padding: 20px;
+  }
+
+  .el-drawer__footer {
+    padding: 15px;
+    border-top: $border;
+  }
+}
+
+// 抽屉和对话框底部按钮区域
+.dialog-footer {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 99d7f3b6..22a4d9e8 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -1,4 +1,5 @@
 @use "./reset";
+@use "./element-plus";
 
 .app-container {
   padding: 15px;
@@ -54,11 +55,3 @@
     margin-top: 16px;
   }
 }
-
-// 抽屉和对话框底部按钮区域
-.dialog-footer {
-  display: flex;
-  gap: 8px;
-  justify-content: flex-end;
-  padding-top: 16px;
-}