From f8532dd72a59e9ba526866e111a8307eef5f4771 Mon Sep 17 00:00:00 2001
From: Chris <hizyyv@gmail.com>
Date: Tue, 3 Feb 2026 14:46:40 +0800
Subject: [PATCH 1/2] fix: make close icon center in filterTag

---
 app/components/Filter/Chips.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Filter/Chips.vue b/app/components/Filter/Chips.vue
index 90dc9a0d3..57846785c 100644
--- a/app/components/Filter/Chips.vue
+++ b/app/components/Filter/Chips.vue
@@ -21,7 +21,7 @@ const emit = defineEmits<{
         }}</span>
         <button
           type="button"
-          class="ms-0.5 hover:text-fg rounded-full p-0.5 transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
+          class="flex items-center ms-0.5 hover:text-fg rounded-full p-0.5 transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-fg focus-visible:ring-offset-1"
           :aria-label="$t('filters.remove_filter', { label: chip.label })"
           @click="emit('remove', chip)"
         >

From e1c55c8c78c8f74ebc6b60ff228316a0aa9c3e9d Mon Sep 17 00:00:00 2001
From: Chris <hizyyv@gmail.com>
Date: Tue, 3 Feb 2026 15:59:27 +0800
Subject: [PATCH 2/2] chore: update

---
 app/components/Package/ListToolbar.vue | 2 +-
 app/components/PaginationControls.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/ListToolbar.vue b/app/components/Package/ListToolbar.vue
index 27dddcfdd..d206f7966 100644
--- a/app/components/Package/ListToolbar.vue
+++ b/app/components/Package/ListToolbar.vue
@@ -173,7 +173,7 @@ function getSortKeyLabelKey(key: SortKey): string {
               </option>
             </select>
             <div
-              class="absolute inset-ie-2 top-1/2 -translate-y-1/2 text-fg-subtle pointer-events-none"
+              class="flex items-center absolute inset-ie-2 top-1/2 -translate-y-1/2 text-fg-subtle pointer-events-none"
               aria-hidden="true"
             >
               <span class="i-carbon-chevron-down w-4 h-4" />
diff --git a/app/components/PaginationControls.vue b/app/components/PaginationControls.vue
index 5da7667c6..279eafd79 100644
--- a/app/components/PaginationControls.vue
+++ b/app/components/PaginationControls.vue
@@ -165,7 +165,7 @@ function handlePageSizeChange(event: Event) {
           </option>
         </select>
         <div
-          class="absolute inset-ie-2 top-1/2 -translate-y-1/2 text-fg-subtle pointer-events-none"
+          class="flex items-center absolute inset-ie-2 top-1/2 -translate-y-1/2 text-fg-subtle pointer-events-none"
           aria-hidden="true"
         >
           <span class="i-carbon-chevron-down w-3 h-3" />