Add proper styles to handle Header's fixed position and main tag to display correctly.

components/Header.vue

@@ -1,11 +1,11 @@
 <template>
   <header
     id="header"
-    class="fixed top-0 left-0 w-screen bg-white px-4 py-3 shadow-md"
+    class="fixed top-0 left-0 w-screen bg-white h-16 px-4 py-3 shadow-md"
   >
-    <router-link to="/" class="flex items-center">
+    <router-link to="/" class="flex w-auto h-full items-center">
       <img
-        class="w-12 mr-4"
+        class="h-full mr-4"
         src="https://avatars2.githubusercontent.com/u/1080062?s=200&v=4"
         alt="PeopleDoc - Icon"
       />

layouts/default.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <Header />
-    <main>
+    <main class="mt-16 px-4">
       <Nuxt />
     </main>
   </div>