fix: update design language

web/src/components/OAuthProvidersCard.tsx

@@ -180,8 +180,8 @@ export function OAuthProvidersCard({ onError, onSuccess }: Props) {
                       className="inline-flex"
                       title={`Open ${p.name} docs`}
                     >
-                      <Button outlined className="!p-1.5 aspect-square">
-                        <ExternalLink className="h-3.5 w-3.5" />
+                      <Button ghost size="icon">
+                        <ExternalLink />
                       </Button>
                     </a>
                   )}

web/src/components/ui/confirm-dialog.tsx

@@ -110,9 +110,9 @@ export function ConfirmDialog({
           <Button
             data-confirm
             type="button"
+            destructive={destructive}
             onClick={onConfirm}
             disabled={loading}
-            className={destructive ? "!bg-destructive !text-destructive-foreground" : undefined}
           >
             {loading ? "…" : confirmLabel}
           </Button>