fix(ui): update button styles and disconnect button size

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>

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);