diff --git a/src/images/favicon.png b/src/images/favicon.png
index 051e345..408d065 100644
Binary files a/src/images/favicon.png and b/src/images/favicon.png differ
diff --git a/src/images/favicon32.png b/src/images/favicon32.png
new file mode 100644
index 0000000..726a21f
Binary files /dev/null and b/src/images/favicon32.png differ
diff --git a/src/layouts/index.js b/src/layouts/index.js
index a496596..a078234 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -10,6 +10,8 @@ require('typeface-lato')
 import '../styles/index.css'
 import '../styles/general.css'
 
+import favicon32 from '../images/favicon32.png'
+
 const Layout = ({ children, data }) => (
   <div className="font-sans mx-auto">
     <Helmet
@@ -21,6 +23,7 @@ const Layout = ({ children, data }) => (
           content: 'software, design, coding, programming, code, consulting',
         },
       ]}
+      link={[{ rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` }]}
     />
     <div className="side-panel panel">
       <Header />
diff --git a/src/styles/general.css b/src/styles/general.css
index 86ae716..4b3e4f9 100644
--- a/src/styles/general.css
+++ b/src/styles/general.css
@@ -153,6 +153,10 @@ body {
   background-color: RGBA(0, 0, 0, 0.1);
 }
 
+.headroom-wrapper {
+  background-color: rgba(87, 99, 171, 0.05);
+}
+
 .saburly-text-intro {
   color: #1f2443;
 }
diff --git a/src/templates/post-default.js b/src/templates/post-default.js
index 0389103..637a6a1 100644
--- a/src/templates/post-default.js
+++ b/src/templates/post-default.js
@@ -6,6 +6,8 @@ require('prismjs/themes/prism-solarizedlight.css')
 
 import PageTransition from 'gatsby-plugin-page-transitions'
 
+import favicon32 from '../images/favicon32.png'
+
 class PostDefault extends Component {
   componentDidMount() {
     Prism.highlightAll()
@@ -24,6 +26,9 @@ class PostDefault extends Component {
                 'software, design, coding, programming, code, consulting',
             },
           ]}
+          link={[
+            { rel: 'shortcut icon', type: 'image/png', href: `${favicon32}` },
+          ]}
         />
         <main className="container mx-auto p-4 max-w-lg sm:p-10">
           <h1>{data.wordpressPost.title}</h1>