diff --git a/cutejava-front/src/views/components/dev/CuteFormDrawer.vue b/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
index 179791a5..5d2551a1 100644
--- a/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
+++ b/cutejava-front/src/views/components/dev/CuteFormDrawer.vue
@@ -125,8 +125,13 @@ export default {
   padding: 16px 20px;
 }
 
+::v-deep(.el-drawer__header) {
+  padding: 10px;
+  border-bottom: 1px solid #DCDFE6;
+}
+
 ::v-deep(.el-drawer__body) {
-  padding: 20px 20px !important;
+  padding: 10px 10px !important;
 }
 
 ::v-deep(.el-divider--horizontal) {
diff --git a/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue b/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue
index 856e317d..0fe9433c 100644
--- a/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue
+++ b/cutejava-front/src/views/components/dev/CutePreviewDrawer.vue
@@ -18,9 +18,7 @@
     :modal="false"
   >
     <!-- 这里是插槽，用于渲染传入的组件 -->
-    <div style="padding-left: 20px">
-      <slot />
-    </div>
+    <slot />
   </el-drawer>
 </template>
 
@@ -75,5 +73,14 @@ export default {
 .container-form::-webkit-scrollbar {
   display: none; /* Chrome, Safari, Opera*/
 }
+
+::v-deep(.el-drawer__header) {
+  padding: 10px;
+  border-bottom: 1px solid #DCDFE6;
+}
+
+::v-deep(.el-drawer__body) {
+  padding: 10px 10px !important;
+}
 </style>