diff --git a/src/components/base/margin/index.vue b/src/components/base/margin/index.vue
index ce6f8c59..d973462d 100644
--- a/src/components/base/margin/index.vue
+++ b/src/components/base/margin/index.vue
@@ -1,18 +1,18 @@
 <template>
     <div class="flex-col gap-10 w">
-        <slider v-model="form.margin" @update:model-value="margin_event"></slider>
+        <slider v-model="form.margin" :max="200" @update:model-value="margin_event"></slider>
         <div class="flex-row flex-wrap gap-x-20 mt-10">
             <div class="flex-width-half pr-10">
-                <input-number v-model="form.margin_top" icon-name="enter-t" @update:model-value="pt_event"></input-number>
+                <input-number v-model="form.margin_top" :max="200" icon-name="enter-t" @update:model-value="pt_event"></input-number>
             </div>
             <div class="flex-width-half pl-10">
-                <input-number v-model="form.margin_bottom" icon-name="enter-b" @update:model-value="pb_event"></input-number>
+                <input-number v-model="form.margin_bottom" :max="200" icon-name="enter-b" @update:model-value="pb_event"></input-number>
             </div>
             <div class="flex-width-half pr-10">
-                <input-number v-model="form.margin_left" icon-name="enter-l" @update:model-value="pl_event"></input-number>
+                <input-number v-model="form.margin_left" :max="200" icon-name="enter-l" @update:model-value="pl_event"></input-number>
             </div>
             <div class="flex-width-half pl-10">
-                <input-number v-model="form.margin_right" icon-name="enter-r" @update:model-value="pr_event"></input-number>
+                <input-number v-model="form.margin_right" :max="200" icon-name="enter-r" @update:model-value="pr_event"></input-number>
             </div>
         </div>
     </div>
diff --git a/src/components/base/padding/index.vue b/src/components/base/padding/index.vue
index 48deeeac..2eafa172 100644
--- a/src/components/base/padding/index.vue
+++ b/src/components/base/padding/index.vue
@@ -1,18 +1,18 @@
 <template>
     <div class="flex-col gap-10 w">
-        <slider v-model="form.padding" @update:model-value="padding_event"></slider>
+        <slider v-model="form.padding" :max="200" @update:model-value="padding_event"></slider>
         <div class="flex-row flex-wrap gap-x-20 mt-10">
             <div class="flex-width-half pr-10">
-                <input-number v-model="form.padding_top" icon-name="enter-t" @update:model-value="pt_event"></input-number>
+                <input-number v-model="form.padding_top" :max="200" icon-name="enter-t" @update:model-value="pt_event"></input-number>
             </div>
             <div class="flex-width-half pl-10">
-                <input-number v-model="form.padding_bottom" icon-name="enter-b" @update:model-value="pb_event"></input-number>
+                <input-number v-model="form.padding_bottom" :max="200" icon-name="enter-b" @update:model-value="pb_event"></input-number>
             </div>
             <div class="flex-width-half pr-10">
-                <input-number v-model="form.padding_left" icon-name="enter-l" @update:model-value="pl_event"></input-number>
+                <input-number v-model="form.padding_left" :max="200" icon-name="enter-l" @update:model-value="pl_event"></input-number>
             </div>
             <div class="flex-width-half pl-10">
-                <input-number v-model="form.padding_right" icon-name="enter-r" @update:model-value="pr_event"></input-number>
+                <input-number v-model="form.padding_right" :max="200" icon-name="enter-r" @update:model-value="pr_event"></input-number>
             </div>
         </div>
     </div>
@@ -61,4 +61,4 @@ const pr_event = (val: number | undefined) => {
     form.value.padding = 0;
     emit('update:value', form);
 };
-</script>
\ No newline at end of file
+</script>