themes lol

src/features/players/components/profile/index.tsx

@@ -1,4 +1,4 @@
-import { Box, Stack, Text, Divider, Group, Button, Anchor } from "@mantine/core";
+import { Box, Stack, Text, Divider, Group, Button } from "@mantine/core";
 import { Suspense, useState, useDeferredValue } from "react";
 import { Trans, useLingui } from "@lingui/react/macro";
 import { Link } from "@tanstack/react-router";
@@ -57,9 +57,14 @@ const Profile = ({ id }: ProfileProps) => {
         <Stack px="md">
           <Group justify="space-between" align="center">
             <Text size="md" fw={700}><Trans>Badges</Trans></Text>
-            <Anchor component={Link} to="/badges" size="sm" fw={500}>
+            <Button
+              component={Link}
+              to="/badges"
+              variant="subtle"
+              size="compact-sm"
+            >
               <Trans>View all badges</Trans>
-            </Anchor>
+            </Button>
           </Group>
           <Suspense fallback={<BadgeShowcaseSkeleton />}>
             <BadgeShowcase playerId={id} />