diff --git a/public/css/classes.css b/public/css/classes.css
index f94105a..7b392c3 100644
--- a/public/css/classes.css
+++ b/public/css/classes.css
@@ -29,6 +29,7 @@
     font-size: larger;
     padding-right: 10px;
     padding-left: 10px;
+    margin-top: 5px;
 }
 
 .navbar .navbar-menu {
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 6d2de0d..ff32f30 100755
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -5,9 +5,9 @@
   <nav class="navbar" role="navigation" aria-label="main navigation">
     <div class="navbar-menu" id="navMenu">
       <div class="navbar-start">
-        <button class="custom-btn btn-1" type="button" onclick="location.href='/'" ><span>LimePot</span></button>
-        <button class="custom-btn btn-1" type="button" onclick="location.href='/projects'" ><span>Projects</span></button>
-        <button class="custom-btn btn-1" type="button" onclick="location.href='/blog'" ><span>Blog</span></button>
+        <button class="custom-btn btn-1 navbar-item" type="button" onclick="location.href='/'" ><span>LimePot</span></button>
+        <button class="custom-btn btn-1 navbar-item" type="button" onclick="location.href='/projects'" ><span>Projects</span></button>
+        <button class="custom-btn btn-1 navbar-item" type="button" onclick="location.href='/blog'" ><span>Blog</span></button>
       </div>
     </div>
   </nav>