diff --git a/cwd-admin/src/styles/common.less b/cwd-admin/src/styles/common.less
index 293be75..0204a7c 100644
--- a/cwd-admin/src/styles/common.less
+++ b/cwd-admin/src/styles/common.less
@@ -44,7 +44,7 @@ button {
 .page {
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 15px;
 }
 
 .page-title {
@@ -63,14 +63,11 @@ button {
   color: var(--color-danger);
 }
 
-
-
 .card {
   background-color: var(--bg-card);
   border-radius: 6px;
   border: 1px solid var(--border-color);
   padding: 12px 18px;
-  margin-bottom: 1em;
 }
 
 .card-header {
diff --git a/cwd-admin/src/views/LayoutView/index.vue b/cwd-admin/src/views/LayoutView/index.vue
index ac12b49..f9685b7 100644
--- a/cwd-admin/src/views/LayoutView/index.vue
+++ b/cwd-admin/src/views/LayoutView/index.vue
@@ -369,8 +369,9 @@ function closeVersionModal() {
 .modal {
   background-color: var(--bg-card);
   border-radius: 10px;
-  width: 420px;
-  max-width: 100%;
+  max-width: 420px;
+  width: 100%;
+  margin: 10px;
   padding: 20px 20px 18px;
   box-shadow: var(--shadow-card);
   display: flex;