docs: fix release page styling

packages/docs/src/pages/releases.tsx

@@ -56,13 +56,16 @@ const StyledReleaseLinks = styled('section')(
     align-items: center;
     padding: 24px 0 32px;
     flex-grow: 1;
+    gap: 40px;
 
     ${theme.breakpoints.between('md', 'lg')} {
       padding: 24px 0 32px;
+      gap: 32px;
     }
 
     ${theme.breakpoints.down('md')} {
       padding: 24px 0 32px;
+      gap: 24px;
     }
   `,
 );
@@ -92,6 +95,7 @@ const Releases = ({ docsGroups, searchablePages }: DocsMenuProps) => {
   return (
     <Page url="/releases" docsGroups={docsGroups} searchablePages={searchablePages} fullWidth>
       <StyledReleaseContent>
+        <StyledReleaseLinks>
           <Container>
             <StyledTitle>
               <Typography variant="h1" color="primary">
@@ -116,7 +120,6 @@ const Releases = ({ docsGroups, searchablePages }: DocsMenuProps) => {
               </Typography>
             </Alert>
           </Container>
-        <StyledReleaseLinks>
           <Container>
             <StyledReleaseLinksContent>
               {releaseData.map(release => (