diff --git a/components/Header.vue b/components/Header.vue
index ea00e91..ac36c38 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -1,11 +1,15 @@
 <template>
-  <header id="header">
-    <router-link to="/">
+  <header
+    id="header"
+    class="fixed top-0 left-0 w-screen bg-white px-4 py-3 shadow-md"
+  >
+    <router-link to="/" class="flex items-center">
       <img
+        class="w-12 mr-4"
         src="https://avatars2.githubusercontent.com/u/1080062?s=200&v=4"
         alt="PeopleDoc - Icon"
       />
-      <h1>Ghibli</h1>
+      <h1 class="text-2xl font-light tracking-wide">Ghibli</h1>
     </router-link>
   </header>
 </template>