diff --git a/layouts/partials/logo.html b/layouts/partials/logo.html
index 556713f23c..4a2649eec9 100644
--- a/layouts/partials/logo.html
+++ b/layouts/partials/logo.html
@@ -1,11 +1,14 @@
           <style>
             #logo svg,
             #logo svg * {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
+              fill: #282828 !important;
               fill: var(--MENU-SECTIONS-BG-color) !important;
               opacity: .945;
             }
             a#logo {
+              color: #282828;
               color: var(--MENU-SECTIONS-BG-color);
               font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
               font-size: 30px;
@@ -15,6 +18,10 @@
               text-transform: uppercase;
               white-space: nowrap;
             }
+            a#logo:hover {
+              color: #282828;
+              color: var(--MENU-SECTIONS-BG-color);
+            }
             #logo svg {
               margin-bottom: -20px;
               margin-left: -23.5px;
@@ -30,6 +37,15 @@
                 margin-left: -23px;
               }
             }
+            @media all and (-ms-high-contrast:none) {
+              /* IE11s understanding of positioning is weird at best */
+              a#logo {
+                margin-top: -58px;
+              }
+              #logo svg {
+                margin-bottom: -62px;
+              }
+            }
           </style>
           <a id="logo" href="{{ .Site.Params.landingPageURL | default "/" | relLangURL }}">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">