fix: receive page scroll

leather-io · May 31, 2022 · fd363de · fd363de
1 parent 52b0c30
commit fd363de
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/src/app/pages/receive-tokens/receive-tokens.tsx b/src/app/pages/receive-tokens/receive-tokens.tsx
@@ -29,7 +29,7 @@ export const ReceiveTokens = () => {
 
   return (
     <BaseDrawer title="Receive" isShowing onClose={() => navigate(-1)}>
-      <Flex alignItems="center" flexDirection="column" pb="48px" px="loose">
+      <Flex alignItems="center" flexDirection="column" pb={['loose', '48px']} px="loose">
         <Text color={color('text-caption')} mb="tight" textAlign="left">
           Share your account’s unique address to receive any token or collectible. Including a memo
           is not required.
@@ -45,12 +45,8 @@ export const ReceiveTokens = () => {
           )}
           <Caption userSelect="none">{truncateMiddle(address, 4)}</Caption>
           <Button
-            _focus={{
-              boxShadow: 'none',
-            }}
-            _hover={{
-              boxShadow: 'none',
-            }}
+            _focus={{ boxShadow: 'none' }}
+            _hover={{ boxShadow: 'none' }}
             borderRadius="10px"
             boxShadow="none"
             height="40px"