spacing between buttons was fixed (#870)

Co-authored-by: ost-ptk <[email protected]>
make-software · Nov 28, 2023 · 93b1eef · 93b1eef
1 parent efadf4d
commit 93b1eef
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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,17 +165,17 @@ 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"
                       color="contentOnFill"
                     />
                   </Button>
                   <Typography type="captionMedium" color="contentAction">
-                    Buy
+                    <Trans t={t}>Buy</Trans>
                   </Typography>
-                </CenteredFlexColumn>
+                </ButtonContainer>
               </Link>
             )}
         </FooterItemContainer>