diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 3b97a7d..e3eda49 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -3,8 +3,9 @@ const useStyles = createStyles((theme) => ({
   home: {
     color: theme.black,
     fontFamily: theme.headings.fontFamily,
-    fontSize: '1.2em',
-    fontWeight: 800,
+    marginRight: theme.spacing.sm,
+    fontSize: '1.1em',
+    fontWeight: 700,
     '&:not(:hover)': {
       textDecoration: 'none',
     },
@@ -12,7 +13,7 @@ const useStyles = createStyles((theme) => ({
   link: {
     color: theme.black,
     fontFamily: theme.headings.fontFamily,
-    fontSize: '1.2em',
+    fontSize: '1.1em',
     fontWeight: 400,
     '&:not(:hover)': {
       textDecoration: 'none',
@@ -24,7 +25,7 @@ export function Header({ dark }: { dark?: boolean }) {
   return (
     <Box bg={dark ? 'red' : ''} py="2rem">
       <Container size="40em">
-        <Group align="end">
+        <Group align="end" spacing="sm">
           <Anchor href="/" className={classes.home}>
             orion reed
           </Anchor>