diff --git a/src/main/less/header.less b/src/main/less/header.less
index 7cb1a7888..3f910b525 100644
--- a/src/main/less/header.less
+++ b/src/main/less/header.less
@@ -1,12 +1,13 @@
 .navbar {
-  border-top: 4px solid #6db33f;
-  background-color: #34302d;
+  border-top: 4px solid #4286f4;
+  background-color: #a5a5a5;
   margin-bottom: 0px;
   border-bottom: 0;
   border-left: 0;
   border-right: 0;
 }
 
+/*
 .navbar a.navbar-brand {
   background: url("../images/spring-logo-dataflow.png") -1px -1px no-repeat;
   margin: 12px 0 6px;
@@ -27,6 +28,7 @@
   -webkit-transition: opacity 0.12s ease-in-out;
   -o-transition: opacity 0.12s ease-in-out;
 }
+*/
 
 .navbar a:hover.navbar-brand span {
   opacity: 1;
diff --git a/src/main/less/petclinic.less b/src/main/less/petclinic.less
index 32d15a5f2..2118ba43a 100644
--- a/src/main/less/petclinic.less
+++ b/src/main/less/petclinic.less
@@ -13,8 +13,8 @@
  */
 @icon-font-path:    "../../webjars/bootstrap/fonts/";
 
-@spring-green:      #6db33f;
-@spring-dark-green: #5fa134;
+@spring-green:      #4286f4;
+@spring-dark-green: #2733ad;
 @spring-brown:      #34302D;
 @spring-grey:       #838789;
 @spring-light-grey: #f1f1f1;
@@ -24,9 +24,9 @@
 @link-color:                        @spring-dark-green;
 @link-hover-color:                  @spring-dark-green;
 
-@navbar-default-link-color:         @spring-light-grey;
-@navbar-default-link-active-color:  @spring-light-grey;
-@navbar-default-link-hover-color:   @spring-light-grey;
+@navbar-default-link-color:         @spring-brown;
+@navbar-default-link-active-color:  @spring-brown;
+@navbar-default-link-hover-color:   @spring-brown;
 @navbar-default-link-hover-bg:      @spring-green;
 @navbar-default-toggle-icon-bar-bg: @spring-light-grey;
 @navbar-default-toggle-hover-bg:    transparent;
diff --git a/src/main/resources/templates/fragments/layout.html b/src/main/resources/templates/fragments/layout.html
index c9094b2f0..acb8f6741 100755
--- a/src/main/resources/templates/fragments/layout.html
+++ b/src/main/resources/templates/fragments/layout.html
@@ -26,7 +26,7 @@
   <nav class="navbar navbar-default" role="navigation">
       <div class="container">
           <div class="navbar-header">
-              <a class="navbar-brand" th:href="@{/}"><span></span></a>
+              <!-- <a class="navbar-brand" th:href="@{/}"><span></span></a> -->
               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
                   <span class="sr-only"><os-p>Toggle navigation</os-p></span>
                   <span class="icon-bar"></span>
@@ -36,7 +36,7 @@
           </div>
           <div class="navbar-collapse collapse" id="main-navbar">
               <ul class="nav navbar-nav navbar-right">
-  
+
                   <li th:fragment="menuItem (path,active,title,glyph,text)" class="active" th:class="${active==menu ? 'active' : ''}">
                       <a th:href="@{__${path}__}" th:title="${title}">
                         <span th:class="'glyphicon  glyphicon-'+${glyph}" class="glyphicon glyphicon-home" aria-hidden="true"></span>