diff --git a/ui/src/components/provider/AccessProviderPicker.tsx b/ui/src/components/provider/AccessProviderPicker.tsx
index c7af17a1..86563008 100644
--- a/ui/src/components/provider/AccessProviderPicker.tsx
+++ b/ui/src/components/provider/AccessProviderPicker.tsx
@@ -84,7 +84,7 @@ const AccessProviderPicker = ({ className, style, autoFocus, filter, placeholder
                       <Avatar src={provider.icon} size="small" />
                       <div className="flex-1 overflow-hidden">
                         <Typography.Text className="mb-1 line-clamp-1">{t(provider.name)}</Typography.Text>
-                        <div className="mx-[-30px] scale-[80%]">
+                        <div className="origin-left scale-[80%]">
                           <Show when={provider.builtin}>
                             <Tag>{t("access.props.provider.builtin")}</Tag>
                           </Show>
diff --git a/ui/src/components/provider/AccessProviderSelect.tsx b/ui/src/components/provider/AccessProviderSelect.tsx
index 872509c3..37f1626d 100644
--- a/ui/src/components/provider/AccessProviderSelect.tsx
+++ b/ui/src/components/provider/AccessProviderSelect.tsx
@@ -54,7 +54,7 @@ const AccessProviderSelect = ({ filter, showOptionTags, ...props }: AccessProvid
             {t(provider.name)}
           </Typography.Text>
         </Space>
-        <div>
+        <div className="origin-right scale-[80%]">
           <Show when={provider.builtin}>
             <Tag>{t("access.props.provider.builtin")}</Tag>
           </Show>