diff --git a/backend/src/module/api/search.py b/backend/src/module/api/search.py
index 0ed0c28e..2bdd5157 100644
--- a/backend/src/module/api/search.py
+++ b/backend/src/module/api/search.py
@@ -9,7 +9,7 @@ from module.models import Bangumi
 router = APIRouter(prefix="/search", tags=["search"])
 
 
-@router.get("/", response_model=EventSourceResponse[Bangumi])
+@router.get("/", response_model=list[Bangumi])
 async def search_torrents(
     site: str = "mikan",
     keywords: str = Query(None),
diff --git a/webui/src/components/ab-bangumi-card.vue b/webui/src/components/ab-bangumi-card.vue
index 16e0b5ff..dcf040b9 100644
--- a/webui/src/components/ab-bangumi-card.vue
+++ b/webui/src/components/ab-bangumi-card.vue
@@ -10,7 +10,7 @@ withDefaults(
       group?: string;
     }>(),
     {
-      type: 'search',
+      type: 'primary',
     }
 );
 
diff --git a/webui/src/components/basic/ab-select.vue b/webui/src/components/basic/ab-select.vue
index a65166a8..5f60ed9c 100644
--- a/webui/src/components/basic/ab-select.vue
+++ b/webui/src/components/basic/ab-select.vue
@@ -14,7 +14,9 @@ const props = withDefaults(
     modelValue?: SelectItem | string;
     items: Array<SelectItem | string>;
   }>(),
-  {}
+  {
+    items: ['test1', 'test2'],
+  }
 );
 
 const emit = defineEmits(['update:modelValue']);
diff --git a/webui/src/components/layout/ab-topbar.vue b/webui/src/components/layout/ab-topbar.vue
index 7f62bc3d..f0a8c7b0 100644
--- a/webui/src/components/layout/ab-topbar.vue
+++ b/webui/src/components/layout/ab-topbar.vue
@@ -8,14 +8,14 @@ import {
   Refresh,
 } from '@icon-park/vue-next';
 
-const { t, changeLocale } = useMyI18n();
-const { running, onUpdate, offUpdate } = useAppInfo();
+const {t, changeLocale} = useMyI18n();
+const {running, onUpdate, offUpdate} = useAppInfo();
 
 const search = ref('');
 const show = ref(false);
 const showAdd = ref(false);
 
-const { start, pause, shutdown, restart, resetRule } = useProgramStore();
+const {start, pause, shutdown, restart, resetRule} = useProgramStore();
 
 const items = [
   {
@@ -69,19 +69,21 @@ onUnmounted(() => {
 
 <template>
   <div h-60px bg-theme-row text-white rounded-12px fx-cer px-24px>
-    <div fx-cer space-x-16px>
-      <img src="/images/logo-light.svg" alt="favicon" wh-24px />
-      <img src="/images/AutoBangumi.svg" alt="AutoBangumi" h-24px rel top-2px />
-    </div>
+    <div flex space-x-16px>
+      <div fx-cer space-x-16px>
+        <img src="/images/logo-light.svg" alt="favicon" wh-24px/>
+        <img src="/images/AutoBangumi.svg" alt="AutoBangumi" h-24px rel top-2px/>
+      </div>
 
-    <ab-search v-model:value="search" hidden />
+      <ab-search v-model:value="search"/>
+    </div>
 
     <div ml-auto>
       <ab-status-bar
-        :items="items"
-        :running="running"
-        @click-add="() => (showAdd = true)"
-        @change-lang="() => changeLocale()"
+          :items="items"
+          :running="running"
+          @click-add="() => (showAdd = true)"
+          @change-lang="() => changeLocale()"
       ></ab-status-bar>
     </div>