From 8441700612fea8138c74641943e01db6ba48926d Mon Sep 17 00:00:00 2001
From: konojunya <junya03dance@gmail.com>
Date: Fri, 4 Sep 2026 20:42:24 +0900
Subject: [PATCH] Center the provider icon trigger on mobile

---
 src/components/provider-icons.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/provider-icons.tsx b/src/components/provider-icons.tsx
index 04373f1..f6294d4 100644
--- a/src/components/provider-icons.tsx
+++ b/src/components/provider-icons.tsx
@@ -54,8 +54,14 @@ export function ProviderIcons({ disabled, packs, onImport, onRemove }: ProviderI
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button aria-label="Provider icons" disabled={disabled} size="sm" variant="outline">
-          <PackageOpen aria-hidden="true" data-icon="inline-start" />
+        <Button
+          aria-label="Provider icons"
+          className="size-7 px-0 sm:w-auto sm:pr-2.5 sm:pl-1.5"
+          disabled={disabled}
+          size="sm"
+          variant="outline"
+        >
+          <PackageOpen aria-hidden="true" />
           <span className="hidden sm:inline">Icons</span>
           {packs.length > 0 ? (
             <span className="border-l pl-1.5 font-mono text-[0.6875rem]">{packs.length}</span>