From 68779b5951e905851340c38fdcdd3d4ea6e9f0fd Mon Sep 17 00:00:00 2001
From: Xavier Damman <xdamman@gmail.com>
Date: Thu, 27 Jun 2024 15:54:10 +0200
Subject: [PATCH] Fix centering of header

---
 src/components/wallet/ActionBar.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/wallet/ActionBar.tsx b/src/components/wallet/ActionBar.tsx
index cfa7764..b6508da 100644
--- a/src/components/wallet/ActionBar.tsx
+++ b/src/components/wallet/ActionBar.tsx
@@ -26,14 +26,14 @@ export default function ActionBar({
   return (
     <Flex
       direction="column"
-      className="z-10 fixed top-0 w-full max-w-xl items-center justify-between text-sm"
+      className="z-10 fixed top-0 w-full max-w-xl items-center justify-between text-sm pr-4"
     >
       {!small && (
         <Flex
           justify="center"
           align="center"
           gap="2"
-          className="w-full bg-white pt-4"
+          className="w-full bg-white pt-4 pr-4"
         >
           <Avatar className="h-28 w-28">
             <AvatarImage src={community.logo} alt="community logo" />
@@ -47,7 +47,7 @@ export default function ActionBar({
           justify="center"
           align="center"
           gap="2"
-          className="w-full bg-white pt-4"
+          className="w-full bg-white pt-4 pr-4"
         >
           <Text size="6" weight="bold" className="text-muted-strong">
             {community.name}
@@ -60,7 +60,7 @@ export default function ActionBar({
           justify="center"
           align="center"
           gap="2"
-          className="w-full bg-white pt-4"
+          className="w-full bg-white pt-4 pr-4"
         >
           <Text size="9" weight="bold">
             {balance}
@@ -76,7 +76,7 @@ export default function ActionBar({
           justify="center"
           align="center"
           gap="2"
-          className="w-full bg-white pt-8"
+          className="w-full bg-white pt-8 pr-4"
         >
           <Avatar className="h-14 w-14">
             <AvatarImage src={community.logo} alt="community logo" />
@@ -96,7 +96,7 @@ export default function ActionBar({
         gap={small ? "4" : "8"}
         className={cn(
           "w-full bg-white max-w-5xl items-center justify-between text-sm",
-          small ? "pt-2 pb-4" : "pt-4"
+          small ? "pt-2 pb-4 pr-4" : "pt-4 pr-4"
         )}
       >
         <SendModal config={config} accountActions={accountActions}>