diff --git a/jsapp/scss/components/_kobo.navigation.scss b/jsapp/scss/components/_kobo.navigation.scss
index cdbbe2d69a..f614952fbe 100644
--- a/jsapp/scss/components/_kobo.navigation.scss
+++ b/jsapp/scss/components/_kobo.navigation.scss
@@ -35,9 +35,13 @@
   }
 
   .header__logo {
+    // NOTE: this is overrideable, see `/kpi/templates/index.html`
     background-image: url("../img/kobologo_symbol.svg");
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
     width: 40px;
     height: 40px;
+    // Needed for non-horizontal images
     background-size: contain;
     display: block;
   }
@@ -348,7 +352,7 @@
   }
 
   .mdl-layout__header .header__logo {
-    background: url("../img/kobologo.svg") no-repeat 50% 50%;
+    background-image: url("../img/kobologo.svg");
     width: 180px;
   }
 }