diff --git a/quartz/components/Homebar.tsx b/quartz/components/Homebar.tsx
index 54d4ba6..ebd2f08 100644
--- a/quartz/components/Homebar.tsx
+++ b/quartz/components/Homebar.tsx
@@ -8,11 +8,11 @@ const Homebar: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzCompone
   const baseDir = pathToRoot(fileData.slug!)
   return (
     <div class="homebar">
-        <a class="hb-button" href="index">Home</a>
-        <a class="hb-button" href="Characters">Characters</a>
-        <a class="hb-button" href="Links">Where you can find me</a>
-        <a class="hb-button" href="Projects">Projects</a>
-        <a class="hb-button" href="Articles">Articles</a>
+        <a class="hb-button" href="/index">Home</a>
+        <a class="hb-button" href="/Characters">Characters</a>
+        <a class="hb-button" href="/Links">Where you can find me</a>
+        <a class="hb-button" href="/Projects">Projects</a>
+        <a class="hb-button" href="/Articles">Articles</a>
     </div>
   )
 }
@@ -24,10 +24,11 @@ Homebar.css = `
   flex-direction: row;
 }
 .hb-button {
+    text-size: 0.9rem;
     border-radius: 16px;
     border:none;
     background-color: rgba(100,100,100, 0.3);
-    padding: 0.2rem 0.4rem;
+    padding: 0.4rem 0.8rem;
     margin: 0.2rem 0.4rem;
     text-decoration: none;
     width: fit-content;