Align content pages with landing grid

src/pages/SupportPage.tsx

@@ -1,6 +1,7 @@
 import {
     Accordion,
     Anchor,
+    Box,
     Button,
     Card,
     Group,
@@ -125,7 +126,7 @@ interface SupportSectionProps {
 
 function SupportSection({ id, title, description, items }: SupportSectionProps) {
     return (
-        <Stack component="section" id={id} gap="lg" className={classes.section}>
+        <Box component="section" id={id} className={classes.section}>
             <div>
                 <Title order={2} className={classes.sectionTitle}>
                     {title}
@@ -146,7 +147,7 @@ function SupportSection({ id, title, description, items }: SupportSectionProps)
                     </Accordion.Item>
                 ))}
             </Accordion>
-        </Stack>
+        </Box>
     );
 }
 
@@ -174,8 +175,10 @@ export function SupportPage() {
                             component="a"
                             href="mailto:admin@rosetta.im?subject=Rosetta%20Support%20Request"
                             leftSection={<IconMail size={18} />}
+                            variant="default"
                             mt="xl"
-                            size="md"
+                            size="xl"
+                            className={classes.primaryAction}
                         >
                             Email Rosetta Support
                         </Button>