diff --git a/core/src/navigation/LogoTitle.html b/core/src/navigation/LogoTitle.html
index e522028ef8..6d88b041f3 100644
--- a/core/src/navigation/LogoTitle.html
+++ b/core/src/navigation/LogoTitle.html
@@ -1,12 +1,10 @@
-
-
 {#if hasLogo}
   <div on:click="goTo('/')" class="fd-global-nav__logo fd-has-margin-left-none" ref:logo></div>
 {/if}
 <div class="fd-global-nav__product-name">
-  {#if title}
-  <a on:click="goTo('/')">{title}</a>
-  {/if}
+	{#if title}
+	  <a on:click="goTo('/')">{title}</a>
+	{/if}
 </div>
 
 <script type="text/javascript">
@@ -37,10 +35,9 @@
     margin-left: 0px;
   }
   .fd-global-nav__product-name {
-    color: #0a6ed1;
-    height: 50px;
-    font-size: 24px;
-    line-height: 1em;
-    padding: 13px 0;
+    padding: 20px 0 0 8px;
+    font-size: 0.85714rem;
+    line-height: 1.33333;
+    font-weight: 400;
   }
 </style>
diff --git a/core/src/navigation/TopNav.html b/core/src/navigation/TopNav.html
index 1d5cffde0f..09f79b1ba0 100644
--- a/core/src/navigation/TopNav.html
+++ b/core/src/navigation/TopNav.html
@@ -1,13 +1,13 @@
 <div class="fd-ui__header {hideNavComponent ? 'hideNavComponent' : ''}">
-  <nav class="fd-global-nav">
-    <div class="fd-global-nav__group fd-global-nav__group--left">
-      <LogoTitle />
-    </div>
+	<nav class="fd-global-nav">
+		<div class="fd-global-nav__group fd-global-nav__group--left">
+			<LogoTitle />
+		</div>
 
-    <div class="fd-global-nav__group fd-global-nav__group--right">
-      <div class="fd-global-nav__actions">
-        {#if children && pathData.length > 0}
-          {#each children as node}
+		<div class="fd-global-nav__group fd-global-nav__group--right">
+			<div class="fd-global-nav__actions">
+        {#if children && pathData.length > 0} 
+          {#each children as node} 
             {#if !node.hideFromNav}
               <button class=" fd-button--secondary fd-button--m fd-global-nav__btn {node === selectedNode ? 'is-selected' : ''} {node.externalLink && node.externalLink.url ? 'fd-global-nav__btn--external' : ''}"
               aria-label="{node.label}" on:click=handleClick(node)>
@@ -16,37 +16,40 @@
                   <span class="sap-icon--action sap-icon--s"></span>
                 {/if}
               </button>
-            {/if}
-          {/each}
-        {/if}
-
+            {/if} 
+          {/each} 
+        {/if} 
         {#if authorizationEnabled}
-        <div class="fd-popover user-settings">
-          <div class="fd-popover__control">
-            <button class="fd-popover__control fd-button--secondary fd-button--m fd-global-nav__btn sap-icon--customer" aria-expanded="{dropDownStates.PROFILE_POPOVER || false}"
+          <div class="fd-popover user-settings">
+            <div class="fd-popover__control">
+              <button class="fd-popover__control fd-button--secondary fd-button--m fd-global-nav__btn sap-icon--customer" aria-expanded="{dropDownStates.PROFILE_POPOVER || false}"
               aria-haspopup="true" on:click="toggleDropdownState('PROFILE_POPOVER')" on:blur="closeDropdown('PROFILE_POPOVER')"></button>
+            </div>
+            <div class="fd-popover__body" aria-hidden="{dropDownStatesNegated.PROFILE_POPOVER || true}" id="PROFILE_POPOVER">
+              <nav class="fd-menu" id="">
+                <Authorization />
+                <!-- <ul class="fd-menu__list">
+                  <li><a href="#" class="fd-menu__item">Option 1</a></li>
+                  <li><a href="#" class="fd-menu__item">Option 1</a></li>
+                </ul> -->
+              </nav>
+            </div>
           </div>
-          <div class="fd-popover__body" aria-hidden="{dropDownStatesNegated.PROFILE_POPOVER || true}" id="PROFILE_POPOVER">
-            <nav class="fd-menu" id="">
-              <Authorization />
-              <!-- <ul class="fd-menu__list">
-                <li><a href="#" class="fd-menu__item">Option 1</a></li>
-                <li><a href="#" class="fd-menu__item">Option 1</a></li>
-              </ul> -->
-            </nav>
-          </div>
-        </div>
-        {/if}
-      </div>
-    </div>
-  </nav>
+				{/if}
+			</div>
+		</div>
+	</nav>
 </div>
 
 <script type="text/javascript">
   import LogoTitle from './LogoTitle.html';
   import Authorization from '../Authorization.html';
   import { handleRouteClick } from '../services/routing.js';
-  import { getConfigValue, getConfigValueAsync, getConfigBooleanValue } from '../services/config.js';
+  import {
+    getConfigValue,
+    getConfigValueAsync,
+    getConfigBooleanValue
+  } from '../services/config.js';
 
   const getNegatedBoolString = str => {
     return str === 'true' ? 'false' : 'true';