diff --git a/src/layout/components/lay-panel/index.vue b/src/layout/components/lay-panel/index.vue
index 741d51a24..b461135fc 100644
--- a/src/layout/components/lay-panel/index.vue
+++ b/src/layout/components/lay-panel/index.vue
@@ -78,7 +78,7 @@ onBeforeUnmount(() => {
       </el-scrollbar>
 
       <div
-        class="flex justify-end p-3 border-0 border-t-[1px]! border-solid border-[var(--pure-border-color)]"
+        class="flex justify-end p-3 border-0 border-t-[1px] border-solid border-[var(--pure-border-color)]"
       >
         <el-button
           v-tippy="{
diff --git a/src/views/components/swiper.vue b/src/views/components/swiper.vue
index a4431e886..28ab62bed 100644
--- a/src/views/components/swiper.vue
+++ b/src/views/components/swiper.vue
@@ -106,7 +106,7 @@ const swiperExample: any[] = [
     </template>
     <el-row :gutter="10">
       <el-col v-for="item in swiperExample" :key="item.id" :span="12">
-        <h6 class="py-[16px] text-base">{{ item.label }}</h6>
+        <h6 class="py-[16px]! text-base">{{ item.label }}</h6>
         <swiper v-bind="item.options">
           <swiper-slide v-for="i in 5" :key="i">
             <div
diff --git a/src/views/components/upload/index.vue b/src/views/components/upload/index.vue
index 7459ed5ad..4077da458 100644
--- a/src/views/components/upload/index.vue
+++ b/src/views/components/upload/index.vue
@@ -232,7 +232,7 @@ const onDownload = () => {
     </p>
     <el-divider />
 
-    <p class="mb-4! mt-4">
+    <p class="my-4!">
       结合表单校验进行<span class="text-[red]">手动上传</span>
       <span class="text-[14px]">
         （可先打开浏览器控制台找到Network，然后填写表单内容后点击点提交观察请求变化）
diff --git a/src/views/components/waterfall/index.vue b/src/views/components/waterfall/index.vue
index a7e2f9a4b..70c3731b4 100644
--- a/src/views/components/waterfall/index.vue
+++ b/src/views/components/waterfall/index.vue
@@ -106,7 +106,7 @@ onMounted(() => {
             />
           </div>
           <div class="px-4 pt-2 pb-4 border-t border-t-gray-800">
-            <h4 class="pb-4 text-gray-50 group-hover:text-yellow-300">
+            <h4 class="pb-4! text-gray-50 group-hover:text-yellow-300">
               {{ item.name }}
             </h4>
             <div
diff --git a/src/views/monitor/logs/operation/index.vue b/src/views/monitor/logs/operation/index.vue
index 1a872ce84..e534b7490 100644
--- a/src/views/monitor/logs/operation/index.vue
+++ b/src/views/monitor/logs/operation/index.vue
@@ -118,7 +118,7 @@ const {
           </div>
           <el-popconfirm title="是否确认删除?" @confirm="onbatchDel">
             <template #reference>
-              <el-button type="danger" text class="mr-2!"> 批量删除 </el-button>
+              <el-button type="danger" text class="mr-1!"> 批量删除 </el-button>
             </template>
           </el-popconfirm>
         </div>