diff --git a/themes/gokarna/layouts/partials/header.html b/themes/gokarna/layouts/partials/header.html
index cb0632f..f617091 100644
--- a/themes/gokarna/layouts/partials/header.html
+++ b/themes/gokarna/layouts/partials/header.html
@@ -21,12 +21,12 @@
                 </div>
                 <div class="nav-link icon">
                     <a href="http://example.com">
-                        <i class="fab fa-github"></i>
+                        <span class="fab fa-github"></span>
                     </a>
                 </div>
                 <div class="nav-link icon">
                     <a href="http://example.com">
-                        <i class="fab fa-linkedin"></i>
+                        <span class="fab fa-linkedin"></span>
                     </a>
                 </div>
             </div>
diff --git a/themes/gokarna/static/css/main.css b/themes/gokarna/static/css/main.css
index 43c85ed..3294128 100644
--- a/themes/gokarna/static/css/main.css
+++ b/themes/gokarna/static/css/main.css
@@ -18,7 +18,7 @@ html {
 
 .header {
   position: fixed;
-  height: 100px;
+  height: 70px;
   left: 0;
   top: 0;
   width: 100%;
@@ -30,7 +30,7 @@ html {
 }
 
 .header.small {
-  height: 70px;
+  height: 50px;
 }
 
 .header a {
@@ -39,8 +39,8 @@ html {
 }
 
 .header .header-nav {
-  height: 64px;
-  margin-top: 18px;
+  height: 50px;
+  margin-top: 10px;
   -ms-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -webkit-transition: all 0.5s ease-out;
@@ -62,8 +62,8 @@ html {
 }
 .header-nav .avatar img {
   display: block;
-  width: 64px;
-  height: 64px;
+  width: 50px;
+  height: 50px;
   overflow: hidden;
   border-radius: 100%;
 }
@@ -72,7 +72,7 @@ html {
   display: inline-block;
   padding-left: 10px;
   height: 100%;
-  line-height: 60px;
+  line-height: 50px;
 }
 
 .nav-title a {