From 6e0d02c75722cfa1d085cd2888d8d0c40a13d3a3 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Thu, 15 Sep 2022 11:17:15 +1000
Subject: [PATCH] align connect button to edge

---
 components/Layout.tsx               | 2 +-
 components/TopBar.tsx               | 2 +-
 components/wallet/ConnectedMenu.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Layout.tsx b/components/Layout.tsx
index d6005bbb..95a4584c 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -70,7 +70,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
               isCollapsed ? 'md:pl-[64px]' : 'md:pl-44 lg:pl-48 xl:pl-52'
             }`}
           >
-            <div className="flex h-16 items-center justify-between border-b border-th-bkg-3 bg-th-bkg-1 px-6 md:px-8">
+            <div className="flex h-16 items-center justify-between border-b border-th-bkg-3 bg-th-bkg-1 pl-6 md:pl-8">
               <img
                 className="mr-4 h-8 w-auto md:hidden"
                 src="/logos/logo-mark.svg"
diff --git a/components/TopBar.tsx b/components/TopBar.tsx
index 1d466c12..7d90edf0 100644
--- a/components/TopBar.tsx
+++ b/components/TopBar.tsx
@@ -49,7 +49,7 @@ const TopBar = () => {
           ) : null}
         </span>
         {connected ? (
-          <div className="flex items-center space-x-4">
+          <div className="flex items-center space-x-4 pr-4 md:pr-6">
             <MangoAccountsList mangoAccount={mangoAccount} />
             <ConnectedMenu />
           </div>
diff --git a/components/wallet/ConnectedMenu.tsx b/components/wallet/ConnectedMenu.tsx
index c13b328d..e2b56465 100644
--- a/components/wallet/ConnectedMenu.tsx
+++ b/components/wallet/ConnectedMenu.tsx
@@ -34,9 +34,9 @@ const ConnectedMenu = () => {
         {({ open }) => (
           <div className="relative">
             <Menu.Button
-              className={`flex h-12 w-12 items-center rounded-full hover:bg-th-bkg-2 focus:outline-none`}
+              className={`flex h-10 w-10 items-center rounded-full hover:bg-th-bkg-2 focus:outline-none`}
             >
-              <ProfileImage imageSize="48" placeholderSize="28" />
+              <ProfileImage imageSize="40" placeholderSize="24" />
             </Menu.Button>
             <Transition
               appear={true}