Overlap sidebar

src/components/Sidebar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll">
+  <div class="w-auto lg:w-56 bg-grey-light text-grey-darker antialiased fixed pin-l h-full overflow-y-scroll z-30 -mt-2px">
     <div>
       <ul class="list-reset">
         <li v-for="link in links" :key="link.title">

tailwind.js

@@ -66,6 +66,10 @@ module.exports = {
     '56': '14rem',
     '64': '16rem',
   },
+  negativeMargin: {
+    ...defaultConfig.negativeMargin,
+    '2px': '2px',
+  },
   width: {
     ...defaultConfig.width,
     '56': '14rem',