diff --git a/src/components/common/ConnectButton.tsx b/src/components/common/ConnectButton.tsx
index 8ac90152..cd6e1999 100644
--- a/src/components/common/ConnectButton.tsx
+++ b/src/components/common/ConnectButton.tsx
@@ -271,7 +271,7 @@ export const ConnectButton = ({
                     <PlusCircleIcon
                       className={`${
                         size === "base" ? "w-6 h-6 ml-2" : "w-5 h-5 ml-1"
-                      } text-zinc-500 cursor-pointer`}
+                      } text-zinc-500 cursor-pointer hidden sm:block`}
                     />
                   }
                   dropdown={
diff --git a/src/components/common/PatronButton.tsx b/src/components/common/PatronButton.tsx
index 5618274a..69eebf33 100644
--- a/src/components/common/PatronButton.tsx
+++ b/src/components/common/PatronButton.tsx
@@ -27,7 +27,7 @@ export const PatronButton = ({
         variant="text"
         aria-label={"Patron"}
         key={t("Patron")}
-        className={cn(className, "-mx-2 text-red-400")}
+        className={cn(className, "-mx-3 sm:mx-0 text-red-400")}
         onClick={() => presentPatronModal(site)}
       >
         <span className="inline-flex items-center">
diff --git a/src/components/site/ConnectedAccounts.tsx b/src/components/site/ConnectedAccounts.tsx
index d0c3d6ac..bbb4e234 100644
--- a/src/components/site/ConnectedAccounts.tsx
+++ b/src/components/site/ConnectedAccounts.tsx
@@ -16,12 +16,7 @@ export default function ConnectedAccounts({
   return (
     <>
       {!!connectedAccounts?.length && (
-        <div
-          className={cn(
-            "xlog-social-platforms align-middle inline-flex items-center",
-            className,
-          )}
-        >
+        <div className={cn("xlog-social-platforms align-middle", className)}>
           {connectedAccounts.map((account) => {
             let match: RegExpMatchArray | null = null
             switch (typeof account) {
@@ -42,6 +37,7 @@ export default function ConnectedAccounts({
                   key={match[2] + match[1]}
                   platform={match[2]}
                   username={match[1]}
+                  className="w-4 h-4 sm:w-5 sm:h-5"
                 ></Platform>
               )
             }
diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
index f3f19015..c51fc3b6 100644
--- a/src/components/site/SiteHeader.tsx
+++ b/src/components/site/SiteHeader.tsx
@@ -73,9 +73,9 @@ export const SiteHeader = async ({
         <div className="flex py-12 w-full">
           <div
             className={cn(
-              "xlog-site-info flex space-x-6 sm:space-x-8 items-center w-full",
+              "xlog-site-info flex space-x-6 sm:space-x-8 w-full",
               site?.metadata?.content?.banners?.[0]?.address
-                ? "bg-white bg-opacity-50 backdrop-blur-sm rounded-3xl p-4 sm:p-8 z-[1] border"
+                ? "bg-white bg-opacity-50 backdrop-blur-sm rounded-3xl p-4 pb-[52px] sm:p-8 sm:pb-8 z-[1] border"
                 : "",
             )}
           >
@@ -87,13 +87,13 @@ export const SiteHeader = async ({
               name={site?.metadata?.content?.name}
               priority={true}
             />
-            <div className="flex-1 min-w-0 relative space-y-2 sm:space-y-3">
+            <div className="flex-1 min-w-0 relative space-y-2 sm:space-y-3 min-h-[108px]">
               <div className="flex items-center justify-between">
                 <h1 className="xlog-site-name text-3xl sm:text-4xl font-bold text-zinc-900 leading-snug break-words min-w-0">
                   {site?.metadata?.content?.site_name ||
                     site?.metadata?.content?.name}
                 </h1>
-                <div className="ml-0 sm:ml-8 space-x-3 sm:space-x-4 flex items-center sm:static absolute -bottom-0 right-0">
+                <div className="ml-0 sm:ml-8 space-x-3 sm:space-x-4 flex items-center sm:static absolute -bottom-9 right-0">
                   <SiteHeaderMenu
                     handle={site?.handle}
                     owner={site?.owner}
@@ -109,16 +109,16 @@ export const SiteHeader = async ({
                   {site?.metadata?.content?.bio}
                 </div>
               )}
-              <div className="flex space-x-0 sm:space-x-5 space-y-2 sm:space-y-0 flex-col sm:flex-row text-sm sm:text-base">
-                <span className="xlog-site-follow-count block sm:inline-block whitespace-nowrap">
+              <div className="flex space-x-0 sm:space-x-3 flex-col sm:flex-row text-sm sm:text-base">
+                <span className="xlog-site-follow-count block sm:inline-block whitespace-nowrap absolute -bottom-9 sm:static">
                   <FollowingCount characterId={site?.characterId} />
                 </span>
-                <span className="xlog-site-patron">
+                <span className="xlog-site-patron absolute -bottom-9 right-[calc(100%+50px)] sm:static">
                   <PatronButton site={site || undefined} />
                 </span>
               </div>
               <ConnectedAccounts
-                className="hidden sm:block"
+                className="!mb-4 sm:!mb-0"
                 connectedAccounts={site?.metadata?.content?.connected_accounts}
               />
             </div>