Fix centering of header

citizenwallet · Jun 27, 2024 · 68779b5 · 68779b5
1 parent 4a6b81b
commit 68779b5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git 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}>