diff --git a/src/components/UI/downloads/DownloadsHero.tsx b/src/components/UI/downloads/DownloadsHero.tsx index 610e5aa2a4..4d53876c27 100644 --- a/src/components/UI/downloads/DownloadsHero.tsx +++ b/src/components/UI/downloads/DownloadsHero.tsx @@ -1,4 +1,4 @@ -import { Box, Button, Center, Grid, HStack, Image, Link, Stack,Text } from '@chakra-ui/react'; +import { Box, Button, Center, Grid, HStack, Image, Link, Stack, Text } from '@chakra-ui/react'; import { FC } from 'react'; import NextLink from 'next/link'; @@ -43,7 +43,7 @@ export const DownloadsHero: FC = ({ mb={4} templateColumns={{ base: 'repeat(1, 1fr)', md: '1fr 300px', lg: '1fr' }} gap={4} - p={4} + py={4} > @@ -66,20 +66,17 @@ export const DownloadsHero: FC = ({ - -
- -
-
+ + - + {Object.keys(DOWNLOAD_HEADER_BUTTONS).map((key: string) => { const { name, buildURL, Svg, ariaLabel } = DOWNLOAD_HEADER_BUTTONS[key]; return ( @@ -87,12 +84,10 @@ export const DownloadsHero: FC = ({