diff --git a/package.json b/package.json
index 854f665..696146c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "text-ci",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/src/pages/View/checkbox.vue b/src/pages/View/checkbox.vue
index 0af0445..90a7048 100644
--- a/src/pages/View/checkbox.vue
+++ b/src/pages/View/checkbox.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rounded mx-30 mt-30">
+  <div class="rounded mx-5 mt-30">
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
@@ -16,7 +16,7 @@
     <div class="divider my-5"></div>
     <div class="flex-col p-5 h-auto">
       <div v-for="item in localOptions" :key="item.serial_num" class="flex items-center gap-10 my-5">
-        <input type="checkbox" :name="props.serial_num" class="checkbox-sm my-5" :value="item.content" v-model="answerArr"/>
+        <input type="checkbox" :name="props.serial_num" class="my-5" style="zoom: 140%" :value="item.content" v-model="answerArr"/>
         <span v-if="item.content">{{ item.content }}</span>
         <div class="ml-10 flex items-center gap-20">
           <div v-if="item.img" class="mt-4">
diff --git a/src/pages/View/fill.vue b/src/pages/View/fill.vue
index 3d85e80..581e77c 100644
--- a/src/pages/View/fill.vue
+++ b/src/pages/View/fill.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rounded mx-30 mt-30">
+  <div class="rounded mx-5 mt-30">
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
diff --git a/src/pages/View/radio.vue b/src/pages/View/radio.vue
index 141effa..d39dd23 100644
--- a/src/pages/View/radio.vue
+++ b/src/pages/View/radio.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rounded mx-30 mt-30" >
+  <div class="rounded mx-5 mt-30" >
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">
@@ -16,7 +16,7 @@
     <div class="divider my-5"></div>
     <div class="flex-col p-5 h-auto">
       <div v-for="item in localOptions" :key="item.serial_num" class="flex items-center gap-10 my-5">
-        <input type="radio" :name="props.serial_num" class="radio-sm my-5" :value="item.content" v-model="localAnswer" />
+        <input type="radio" :name="props.serial_num" class="my-5" style="zoom: 140%"  :value="item.content" v-model="localAnswer" />
         <span v-if="item.content">{{ item.content }}</span>
         <div class="ml-10 flex items-center gap-20">
           <div v-if="item.img" class="mt-4">
diff --git a/src/pages/View/textArea.vue b/src/pages/View/textArea.vue
index 9595893..37acf3c 100644
--- a/src/pages/View/textArea.vue
+++ b/src/pages/View/textArea.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="rounded mx-30 mt-30">
+  <div class="rounded mx-5 mt-30">
     <div class="flex justify-between">
       <div class="flex-col">
         <div class="flex items-center gap-20">