diff --git a/assets/build.js b/assets/build.js
index 9b6dd38..4f25f97 100644
--- a/assets/build.js
+++ b/assets/build.js
@@ -15,6 +15,7 @@ const plugins = [
   postCssPlugin({
     postcss: {
       plugins: [
+        require('tailwindcss/nesting'),
         require('tailwindcss'),
         require('autoprefixer')
       ]
diff --git a/assets/css/app.css b/assets/css/app.css
index dc6427c..f13beff 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -29,7 +29,7 @@
     & nav ul {
       @apply flex;
 
-      & a { @apply p-3 rounded hover:bg-primary-500 transition; }
+      & a { @apply p-3 rounded hover:bg-primary-700 transition; }
     }
   }
 
diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
index 496bda4..a7f4ab7 100644
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -17,7 +17,7 @@ module.exports = {
     container: { center: true },
     extend: {
       colors: {
-        primary: colors.pink
+        primary: colors.sky
       }
     }
   },