diff --git a/ui/src/components/auto-tooltip/index.vue b/ui/src/components/auto-tooltip/index.vue
index 4fe7f0be9..531e2c4c6 100644
--- a/ui/src/components/auto-tooltip/index.vue
+++ b/ui/src/components/auto-tooltip/index.vue
@@ -5,7 +5,7 @@
     effect="dark"
     placement="bottom"
   >
-    <div ref="tagLabel" class="auto-tooltip">
+    <div ref="tagLabel" :class="['auto-tooltip', className]" :style="style">
       <slot></slot>
     </div>
   </el-tooltip>
@@ -13,6 +13,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, nextTick } from 'vue'
 defineOptions({ name: 'AutoTooltip' })
+const props = defineProps({ className: String, style: Object })
 const tagLabel = ref()
 const containerWeight = ref(0)
 const contentWeight = ref(0)
diff --git a/ui/src/components/card-box/index.vue b/ui/src/components/card-box/index.vue
index 4190cbd31..c320fc783 100644
--- a/ui/src/components/card-box/index.vue
+++ b/ui/src/components/card-box/index.vue
@@ -78,6 +78,7 @@ function cardLeave() {
       overflow: hidden;
     }
   }
+
   .card-footer {
     position: absolute;
     bottom: 8px;
diff --git a/ui/src/views/hit-test/index.vue b/ui/src/views/hit-test/index.vue
index d41092776..748d5e2f7 100644
--- a/ui/src/views/hit-test/index.vue
+++ b/ui/src/views/hit-test/index.vue
@@ -25,7 +25,7 @@
               <el-col
                 :xs="24"
                 :sm="12"
-                :md="8"
+                :md="12"
                 :lg="8"
                 :xl="6"
                 v-for="(item, index) in paragraphDetail"
diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index 49bf5e762..fc765bd52 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -42,7 +42,7 @@
                   <el-col
                     :xs="24"
                     :sm="24"
-                    :md="12"
+                    :md="24"
                     :lg="12"
                     :xl="12"
                     class="mb-16"