diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index 5ef2f57..c914ee2 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -125,23 +125,22 @@ export default function (props: {
               <Spacer />
               <Spacer />
               <Center gap="1.25rem" whiteSpace="nowrap">
-                <Button as="a" href="/about" variant="ghost">
+                <Link href="/about" size="lg">
                   About Us
-                </Button>
-                <Button as="a" href="/team" variant="ghost">
+                </Link>
+                <Link href="/team" size="lg">
                   Our Team
-                </Button>
-                <Button as="a" href="/support" variant="ghost">
+                </Link>
+                <Link href="/support" size="lg">
                   Support
-                </Button>
-                <Button
-                  as="a"
+                </Link>
+                <Link
                   display={hasMod() ? undefined : "none"}
                   href="/mod-queue"
-                  variant="ghost"
+                  size="lg"
                 >
                   Moderation
-                </Button>
+                </Link>
               </Center>
               <Spacer />
               <Spacer />