diff --git a/src/components/common/ConnectButton.tsx b/src/components/common/ConnectButton.tsx
index 7c191c80..1832f507 100644
--- a/src/components/common/ConnectButton.tsx
+++ b/src/components/common/ConnectButton.tsx
@@ -38,15 +38,18 @@ export const ConnectButton = () => {
                 );
               }
               return (
-                <div style={{ display: 'flex', gap: 12 }}>
-                  <button onClick={openAccountModal} type="button">
+                <div className="flex" style={{ gap: 12 }}>
+                  <button className="flex items-center" onClick={openAccountModal} type="button">
                     <Avatar
                       className="align-middle mr-2"
                       images={userSites.data?.[0]?.avatars || []}
                       name={userSites.data?.[0]?.name}
-                      size={22}
+                      size={30}
                     />
-                    <span className="align-middle">{userSites.data?.[0]?.name || account.displayName}</span>
+                    <div className="flex flex-col">
+                      <span className="text-left leading-none text-gray-600 font-bold" style={{ "marginBottom": "0.15rem" }}>{userSites.data?.[0]?.name || account.displayName}</span>
+                      <span className="text-left leading-none text-xs text-gray-400">{"@" + userSites.data?.[0]?.username || account.displayName}</span>
+                    </div>
                   </button>
                 </div>
               );
diff --git a/src/components/dashboard/DashboardLayout.tsx b/src/components/dashboard/DashboardLayout.tsx
index 11378448..28abd02c 100644
--- a/src/components/dashboard/DashboardLayout.tsx
+++ b/src/components/dashboard/DashboardLayout.tsx
@@ -11,7 +11,7 @@ import { DashboardSidebar } from "./DashboardSidebar"
 import { SiteSwitcher } from "./SiteSwitcher"
 import { useGetUserSites } from "~/queries/site"
 import { useAccount } from 'wagmi'
-import type { Profile } from "unidata.js"
+import { ConnectButton } from "~/components/common/ConnectButton"
 
 export function DashboardLayout({
   children,
@@ -76,12 +76,8 @@ export function DashboardLayout({
       <SEOHead title={title} siteName={APP_NAME} />
       <div className="flex">
         <DashboardSidebar>
-          <div className="mb-2">
-            <SiteSwitcher
-              subdomain={subdomain}
-              subscriptions={userSite.data || []}
-              viewer={viewer}
-            />
+          <div className="mb-2 px-5 pt-3 pb-2">
+            <ConnectButton />
           </div>
 
           <div className="px-3 space-y-[2px] text-zinc-500">