diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 61c1cbf..612700c 100644
--- a/src/components/Sidebar.vue
+++ b/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 z-30">
+  <div class="w-auto lg:w-56 bg-grey-3 text-grey-4 antialiased fixed pin-l h-full overflow-y-scroll z-30">
     <div>
       <ul class="list-reset">
         <li v-for="link in links" :key="link.title">