diff --git a/ui/packages/layout/AiSearchBar.vue b/ui/packages/layout/AiSearchBar.vue
index 68059cee..e87f810f 100644
--- a/ui/packages/layout/AiSearchBar.vue
+++ b/ui/packages/layout/AiSearchBar.vue
@@ -1,7 +1,7 @@
 <template>
   <section>
-    <div ref="AiSearchBarZone" class="AiSearchBar" :class="{bottomBorder}" :style="searchBarStyle">
-      <div class="searchLeftZone">
+    <div class="AiSearchBar" :class="{bottomBorder}" :style="searchBarStyle">
+      <div ref="AiSearchBarZone" class="searchLeftZone">
         <slot name="left"/>
       </div>
       <div class="searchRightZone" ref="searchRightZone">