diff --git a/services/web/public/img/ol-brand/logo-horizontal.png b/services/web/public/img/ol-brand/logo-horizontal.png
new file mode 100644
index 0000000000..6e95b282cb
Binary files /dev/null and b/services/web/public/img/ol-brand/logo-horizontal.png differ
diff --git a/services/web/public/stylesheets/components/navbar.less b/services/web/public/stylesheets/components/navbar.less
index 9da0dfabc5..52a4a10029 100755
--- a/services/web/public/stylesheets/components/navbar.less
+++ b/services/web/public/stylesheets/components/navbar.less
@@ -386,7 +386,7 @@
     bottom: 5px;
     width: 180px;
     padding: 0;
-    background-image: url('/img/brand/logo-horizontal.svg');
+    background-image: @navbar-brand-image-url;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: left center;
diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less
index a126479a42..23151bd9c4 100644
--- a/services/web/public/stylesheets/core/ol-variables.less
+++ b/services/web/public/stylesheets/core/ol-variables.less
@@ -28,6 +28,8 @@
 @brand-warning:         @orange;
 @brand-danger:          #E03A06;
 
+@navbar-brand-image-url: url(/img/ol-brand/logo-horizontal.png);
+
 @editor-loading-logo-padding-top: 115.44%;
 @editor-loading-logo-background-url: url(/img/ol-brand/overleaf-o-grey.svg);
 @editor-loading-logo-foreground-url: url(/img/ol-brand/overleaf-o.svg);
diff --git a/services/web/public/stylesheets/core/variables.less b/services/web/public/stylesheets/core/variables.less
index 3ec05ccebd..5fd9bfeddc 100755
--- a/services/web/public/stylesheets/core/variables.less
+++ b/services/web/public/stylesheets/core/variables.less
@@ -25,6 +25,8 @@
 @brand-warning:         @orange;
 @brand-danger:          #E03A06;
 
+@navbar-brand-image-url: url(/img/brand/logo-horizontal.svg);
+
 @editor-loading-logo-padding-top: 86.2%;
 @editor-loading-logo-background-url: url(/img/brand/lion-grey.svg);
 @editor-loading-logo-foreground-url: url(/img/brand/lion.svg);