diff --git a/apps/studio/components/interfaces/Home/Connect/Connect.tsx b/apps/studio/components/interfaces/Home/Connect/Connect.tsx
index 9e15dff8016..23fb6feaa91 100644
--- a/apps/studio/components/interfaces/Home/Connect/Connect.tsx
+++ b/apps/studio/components/interfaces/Home/Connect/Connect.tsx
@@ -164,10 +164,8 @@ const Connect = () => {
     <>
       <Dialog>
         <DialogTrigger asChild>
-          <Button type="primary">
-            <span className="flex items-center gap-2 px-3">
-              <Plug size={14} className="rotate-90" /> <span>Connect</span>
-            </span>
+          <Button type="primary" icon={<Plug className="rotate-90" />}>
+            <span>Connect</span>
           </Button>
         </DialogTrigger>
         <DialogContent className={cn('sm:max-w-5xl p-0')}>