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"],
}}
>
-
- {/*
-
-
-
-
- */}
-
-
@@ -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}