From c6468aa56713029e9ee990d62c2d214f7d17c4c5 Mon Sep 17 00:00:00 2001
From: ost-ptk <ostap@make.services>
Date: Mon, 27 Nov 2023 12:36:36 +0200
Subject: [PATCH] spacing between buttons was fixed

---
 src/apps/popup/pages/token-details/token.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/apps/popup/pages/token-details/token.tsx b/src/apps/popup/pages/token-details/token.tsx
index f8fc7cc3f..3d372d23e 100644
--- a/src/apps/popup/pages/token-details/token.tsx
+++ b/src/apps/popup/pages/token-details/token.tsx
@@ -32,6 +32,8 @@ const FooterItemContainer = styled(CenteredFlexRow)`
 
 const ButtonContainer = styled(CenteredFlexColumn)`
   cursor: pointer;
+
+  padding: 0 16px;
 `;
 
 type TokenInfoList = {
@@ -163,7 +165,7 @@ export const Token = ({ erc20Tokens }: TokenProps) => {
                 target="_blank"
                 href={getBuyWithTopperUrl(activeAccount.publicKey)}
               >
-                <CenteredFlexColumn gap={SpacingSize.Medium}>
+                <ButtonContainer gap={SpacingSize.Medium}>
                   <Button circle>
                     <SvgIcon
                       src="assets/icons/card.svg"
@@ -171,9 +173,9 @@ export const Token = ({ erc20Tokens }: TokenProps) => {
                     />
                   </Button>
                   <Typography type="captionMedium" color="contentAction">
-                    Buy
+                    <Trans t={t}>Buy</Trans>
                   </Typography>
-                </CenteredFlexColumn>
+                </ButtonContainer>
               </Link>
             )}
         </FooterItemContainer>