diff --git a/app/components/footer.tsx b/app/components/footer.tsx index 613c3e1f1..c12cdc3a0 100644 --- a/app/components/footer.tsx +++ b/app/components/footer.tsx @@ -95,20 +95,13 @@ export const Footer = ({ sx }: { sx?: FlexProps["sx"] }) => { alignItems: ["flex-start", "center"], }} > - - {/* - Help - - - Contact - */} - - @@ -117,8 +110,10 @@ export const Footer = ({ sx }: { sx?: FlexProps["sx"] }) => { { px: [4, 3], py: [3, 4], color: "secondary.main", + order: [7, 0], }} > @@ -181,8 +177,9 @@ const useFooterLinkStyles = makeStyles((theme: Theme) => ({ bottomLink: { fontSize: "0.875rem", - borderLeftStyle: "solid", - borderLeftColor: theme.palette.grey[500], + borderTopStyle: "solid", + borderTopColor: theme.palette.grey[500], + textDecoration: "none", cursor: "pointer", "&:hover": { @@ -236,7 +233,8 @@ const FooterLinkBottom = forwardRef< sx={{ px: [4, 3], py: [3, 4], - borderLeftWidth: ["1px", 0], + borderTopWidth: ["1px", 0], + width: ["100%", "auto"], }} > {children}