diff --git a/src/components/ProviderList.tsx b/src/components/ProviderList.tsx
index fd725b0..73a7e5e 100644
--- a/src/components/ProviderList.tsx
+++ b/src/components/ProviderList.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Provider } from "../types";
-import { Play, Edit3, Trash2, CheckCircle2, Users } from "lucide-react";
+import { Play, Edit3, Trash2, CheckCircle2, Users, Check } from "lucide-react";
 import { buttonStyles, cardStyles, badgeStyles, cn } from "../lib/styles";
 import { AppType } from "../lib/tauri-api";
 import {
@@ -301,13 +301,13 @@ const ProviderList: React.FC<ProviderListProps> = ({
                       onClick={() => onSwitch(provider.id)}
                       disabled={isCurrent}
                       className={cn(
-                        "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium rounded-md transition-colors w-[76px] justify-center whitespace-nowrap",
+                        "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium rounded-md transition-colors w-[90px] justify-center whitespace-nowrap",
                         isCurrent
                           ? "bg-gray-100 text-gray-400 dark:bg-gray-800 dark:text-gray-500 cursor-not-allowed"
                           : "bg-blue-500 text-white hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700"
                       )}
                     >
-                      {!isCurrent && <Play size={14} />}
+                      {isCurrent ? <Check size={14} /> : <Play size={14} />}
                       {isCurrent ? t("provider.inUse") : t("provider.enable")}
                     </button>