diff --git a/components/home/Nav.tsx b/components/home/Nav.tsx
index acdb5a81..89f0b44a 100644
--- a/components/home/Nav.tsx
+++ b/components/home/Nav.tsx
@@ -31,7 +31,7 @@ export default function Nav() {
       </div>
       <div className={`${open ? `block` : `hidden`} lg:block`}>
         <Link href="/blog">
-          <a className="block mt-4 lg:inline-block lg:mt-0 text-gray-700 hover:text-black mr-6">
+          <a className="block mt-4 lg:inline-block lg:mt-0 active:bg-primary-background text-gray-700 hover:text-black mr-6">
             Blog
           </a>
         </Link>
@@ -49,7 +49,7 @@ export default function Nav() {
         </a>
         <a
           href="https://github.com/datopian/portal"
-          className="inline-block text-sm px-4 py-2 leading-none border rounded text-white bg-black border-black hover:border-gray-700 hover:text-gray-700 hover:bg-white mt-4 lg:mt-0"
+          className="inline-block text-sm px-4 py-2 leading-none border rounded text-primary bg-primary-background border-black hover:border-gray-700 hover:text-gray-700 hover:bg-white mt-4 lg:mt-0"
           target="_blank"
         >
           GitHub
diff --git a/yarn.lock b/yarn.lock
index 3329e5fa..11b16313 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1188,7 +1188,7 @@
     debug "^3.1.0"
     lodash.once "^4.1.1"
 
-"@fullhuman/postcss-purgecss@^2.1.2":
+"@fullhuman/postcss-purgecss@^2.1.2", "@fullhuman/postcss-purgecss@^2.3.0":
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz#50a954757ec78696615d3e118e3fee2d9291882e"
   integrity sha512-qnKm5dIOyPGJ70kPZ5jiz0I9foVOic0j+cOzNDoo8KoCf6HjicIZ99UfO2OmE7vCYSKAAepEwJtNzpiiZAh9xw==