diff --git a/site/_includes/docs-navbar.html b/site/_includes/docs-navbar.html
index 63dbd8d5ee..d69d1ee93a 100644
--- a/site/_includes/docs-navbar.html
+++ b/site/_includes/docs-navbar.html
@@ -45,22 +45,22 @@
     </li>
 
     <li class="nav-item">
-      <a class="nav-link p-2" href="{{ site.github_org }}" target="_blank" rel="noopener" aria-label="GitHub">
+      <a class="nav-link pl-2 pr-1 mx-1 py-3 my-n2" href="{{ site.github_org }}" target="_blank" rel="noopener" aria-label="GitHub">
         {%- include icons/github.svg class="navbar-nav-svg" -%}
       </a>
     </li>
     <li class="nav-item">
-      <a class="nav-link p-2" href="https://twitter.com/{{ site.twitter }}" target="_blank" rel="noopener" aria-label="Twitter">
+      <a class="nav-link px-1 mx-1 py-3 my-n2" href="https://twitter.com/{{ site.twitter }}" target="_blank" rel="noopener" aria-label="Twitter">
         {%- include icons/twitter.svg class="navbar-nav-svg" -%}
       </a>
     </li>
     <li class="nav-item">
-      <a class="nav-link p-2" href="{{ site.slack }}/" target="_blank" rel="noopener" aria-label="Slack">
+      <a class="nav-link px-1 mx-1 py-3 my-n2" href="{{ site.slack }}/" target="_blank" rel="noopener" aria-label="Slack">
         {%- include icons/slack.svg class="navbar-nav-svg" -%}
       </a>
     </li>
     <li class="nav-item">
-      <a class="nav-link p-2" href="{{ site.opencollective }}/" target="_blank" rel="noopener" aria-label="Open Collective">
+      <a class="nav-link px-1 mx-1 py-3 my-n2" href="{{ site.opencollective }}/" target="_blank" rel="noopener" aria-label="Open Collective">
         {%- include icons/opencollective.svg class="navbar-nav-svg" -%}
       </a>
     </li>