diff --git a/docs/src/_includes/nav.njk b/docs/src/_includes/nav.njk
index 6f72d61..b56e13e 100644
--- a/docs/src/_includes/nav.njk
+++ b/docs/src/_includes/nav.njk
@@ -41,7 +41,7 @@
                href="https://github.com/Riverside-Healthcare/djlint"
                target="_blank"
                rel="noopener">
-                <span class="icon is-large has-text-grey">
+                <span class="icon is-large has-text-grey is-nav-icon">
                     <i class="fab fa-2x fa-github"></i>
                 </span>
             </a>
@@ -49,7 +49,7 @@
                        href="https://discord.gg/taghAqebzU"
                        target="_blank"
                        rel="noopener">
-                        <span class="icon is-large has-text-grey">
+                        <span class="icon is-large has-text-grey  is-nav-icon">
                             <i class="fab fa-2x fa-discord"></i>
                         </span>
                     </a>
@@ -58,7 +58,7 @@
                        href="https://pypi.org/project/djlint/"
                        target="_blank"
                        rel="noopener">
-                        <span class="icon is-large has-text-grey">
+                        <span class="icon is-large has-text-grey  is-nav-icon">
                             <i class="fab fa-2x fa-download"></i>
                         </span>
                     </a>
diff --git a/docs/src/static/css/site.scss b/docs/src/static/css/site.scss
index d62dfc1..e419fdf 100644
--- a/docs/src/static/css/site.scss
+++ b/docs/src/static/css/site.scss
@@ -153,7 +153,7 @@ body.has-navbar-fixed-top, html.has-navbar-fixed-top {
   max-width: 200px;
   max-height:200px;
   margin-top: 50%;
- translate: 0 -50%;
+ transform: translate(0 -50%);
 }
 
 a.navbar-item:hover,
@@ -178,6 +178,9 @@ h2 {
   font-size: 25px;
 }
 
+.is-nav-icon .fa-2x {
+  font-size:1.6em;
+}
 
 /* fix for prism in bulma */
 pre .number {