diff --git a/ui/packages/basic/AiBar.vue b/ui/packages/basic/AiBar.vue
index 6eff9d32..2dba7405 100644
--- a/ui/packages/basic/AiBar.vue
+++ b/ui/packages/basic/AiBar.vue
@@ -1,13 +1,13 @@
 <template>
-  <div class="aibar" :style="{ marginBottom }" :class="{'aibar-cente':titlePosition === 'center',card}">
+  <div class="aibar" :style="{ marginBottom }" :class="{'aibar-center':titlePosition === 'center',card}">
     <div v-if="titlePosition === 'center'"/>
     <div class="aibar-left" :class="[titlePosition === 'center' ? 'aibar-left__center' : '']">
-      <template v-if="!$scopedSlots.title">{{ title }}</template>
+      <template v-if="!$slots.title">{{ title }}</template>
       <slot name="title" v-else></slot>
     </div>
     <div class="aibar-right">
-      <slot v-if="$scopedSlots.right" name="right"/>
-      <slot/>
+      <slot v-if="$slots.right" name="right"/>
+      <slot v-else/>
     </div>
   </div>
 </template>
@@ -50,10 +50,11 @@ export default {
   padding: 0 16px;
   box-sizing: border-box;
   border-bottom: 1px solid #EEEEEE;
-  box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+
 
   &.card {
     background: #fff;
+    box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
   }
 
   .aibar-left {