diff --git a/services/web/app/views/layout/navbar.jade b/services/web/app/views/layout/navbar.jade
index a65fd72fc1..b6b3c61741 100644
--- a/services/web/app/views/layout/navbar.jade
+++ b/services/web/app/views/layout/navbar.jade
@@ -3,7 +3,9 @@ nav.navbar.navbar-default
 		.navbar-header
 			button.navbar-toggle(ng-init="navCollapsed = true", ng-click="navCollapsed = !navCollapsed", ng-class="{active: !navCollapsed}")
 				i.fa.fa-bars
-			if nav.title
+			if settings.nav.custom_logo
+				a(href='/', style='background-image:url("#{settings.nav.custom_logo}")').navbar-brand
+			else if (nav.title)
 				a(href='/').navbar-title #{nav.title}
 			else
 				a(href='/').navbar-brand
diff --git a/services/web/config/settings.defaults.coffee b/services/web/config/settings.defaults.coffee
index beb933e4c9..ce95780075 100644
--- a/services/web/config/settings.defaults.coffee
+++ b/services/web/config/settings.defaults.coffee
@@ -15,7 +15,7 @@ httpAuthUsers[httpAuthUser] = httpAuthPass
 
 sessionSecret = "secret-please-change"
 
-module.exports =
+module.exports = settings =
 	# File storage
 	# ------------
 	#
diff --git a/services/web/public/stylesheets/components/navbar.less b/services/web/public/stylesheets/components/navbar.less
index 9a7555cb81..5079b10b7e 100755
--- a/services/web/public/stylesheets/components/navbar.less
+++ b/services/web/public/stylesheets/components/navbar.less
@@ -381,13 +381,15 @@
   padding: 1rem 2rem;
 
   .navbar-brand {
-    background-image: url('/img/logo.png');
-    background-size: 135px 16px;
-    background-repeat: no-repeat;
-    height: 16px;
-    margin-top: 10px;
-    padding: 0;
+    position: absolute;
+    top: 5px;
+    bottom: 5px;
     width: 135px;
+    padding: 0;
+    background-image: url('/img/logo.png');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: left center;
   }
   @media
     only screen and (-webkit-min-device-pixel-ratio: 2),