diff --git a/packages/app/src/components/settings-providers.tsx b/packages/app/src/components/settings-providers.tsx
index aec6d6c4f..2b307a04b 100644
--- a/packages/app/src/components/settings-providers.tsx
+++ b/packages/app/src/components/settings-providers.tsx
@@ -91,7 +91,7 @@ export const SettingsProviders: Component = () => {
                       <Tag>{type(item)}</Tag>
                     </div>
                     <Show when={canDisconnect(item)}>
-                      <Button size="small" variant="ghost" onClick={() => void disconnect(item.id, item.name)}>
+                      <Button size="large" variant="ghost" onClick={() => void disconnect(item.id, item.name)}>
                         {language.t("common.disconnect")}
                       </Button>
                     </Show>
diff --git a/packages/ui/src/components/button.css b/packages/ui/src/components/button.css
index 225e64c77..933c7ce5f 100644
--- a/packages/ui/src/components/button.css
+++ b/packages/ui/src/components/button.css
@@ -148,7 +148,7 @@
       padding: 0 12px 0 8px;
     }
 
-    gap: 8px;
+    gap: 4px;
 
     /* text-14-medium */
     font-family: var(--font-family-sans);