Add style to left sidebar and app header

- Updated hover, active and focus state for left sidebar menu items.
- Add style guide for top header navigation.
- Add new white color logo.
- Add focus and active state to current menu item.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ib97df4efda216f653ce0415c3f3ae9ae75bcb9cd

2 files changed, 5 insertions, 96 deletions

diff --git a/src/assets/images/logo-header.svg b/src/assets/images/logo-header.svg
index e72f60b6..2dba9c4c 100644
--- a/src/assets/images/logo-header.svg
+++ b/src/assets/images/logo-header.svg
@@ -1,94 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 23.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Vector_based" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-	 y="0px" viewBox="0 0 138.1 53.2" style="enable-background:new 0 0 138.1 53.2;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#A7A9AC;}
-	.st1{fill:url(#SVGID_1_);}
-	.st2{fill:url(#SVGID_2_);}
-	.st3{fill:url(#SVGID_3_);}
-	.st4{fill:url(#SVGID_4_);}
-	.st5{fill:#636467;}
-	.st6{enable-background:new    ;}
-	.st7{fill:#03A2D0;}
-</style>
-<title>Logo_BuiltOn</title>
-<g id="Layer_1-2">
-	<path class="st0" d="M138.1,25.5c-1.4-3-4.9-4.3-8-2.9c-3,1.4-4.3,4.9-2.9,8c1.4,3,4.9,4.3,8,2.9c1.2-0.6,2.3-1.6,2.9-2.8l-1.2-0.6
-		c-1.1,2.3-4,3.3-6.3,2.1c-2.3-1.1-3.3-4-2.1-6.3c1.1-2.3,4-3.3,6.3-2.1c1,0.5,1.8,1.3,2.2,2.3L138.1,25.5z"/>
-	
-		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="30.36" y1="739.56" x2="30.36" y2="785.8" gradientTransform="matrix(1 0 0 1 -15.74 -735.83)">
-		<stop  offset="0" style="stop-color:#01B0DA"/>
-		<stop  offset="1" style="stop-color:#078BC0"/>
-	</linearGradient>
-	<path class="st1" d="M9.1,26.5c0,3.9,1.3,7.7,3.8,10.8c0,0.1-0.1,0.2-0.1,0.3c-0.1,0.3-0.1,0.5-0.1,0.8c0,2,1.6,3.6,3.6,3.6
-		c2,0,3.6-1.6,3.6-3.6s-1.6-3.6-3.6-3.6l0,0h-0.4c-0.1,0-0.2,0-0.3,0.1c-4.7-6.1-3.5-14.7,2.5-19.4c0,0,0,0,0,0
-		c0.6-0.5,1.3-0.9,2-1.3l0,0V0.7l-0.3,0.1c-0.8,0.2-1.5,0.4-2.3,0.7c-0.4,0.2-0.8,0.3-1.2,0.5l0,0v10.4l0,0
-		C11.8,15.6,9.1,20.9,9.1,26.5z"/>
-	
-		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="29.9558" y1="744.74" x2="29.9558" y2="787.14" gradientTransform="matrix(1 0 0 1 -15.74 -735.83)">
-		<stop  offset="0" style="stop-color:#01B0DA"/>
-		<stop  offset="1" style="stop-color:#078BC0"/>
-	</linearGradient>
-	<path class="st2" d="M26.7,31.2c-2.6,0-4.7-2.1-4.7-4.6h-3.9c0,4,2.8,7.5,6.8,8.3v14.7C12.2,48.6,2.7,37.6,3.6,25
-		c0.3-4.6,2-9,4.9-12.6h0.3h0.3c1.9,0,3.5-1.6,3.5-3.5c0-1.9-1.6-3.5-3.5-3.5c-1.9,0-3.5,1.6-3.5,3.5c0,0.4,0.1,0.8,0.2,1.1
-		c-9.2,11.5-7.3,28.2,4.1,37.4c4.7,3.8,10.6,5.8,16.6,5.8c0.5,0,0.9,0,1.4,0h0.5l0,0V30.9C27.9,31.1,27.3,31.2,26.7,31.2z"/>
-	
-		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="54.2435" y1="752.5" x2="54.2435" y2="785.89" gradientTransform="matrix(1 0 0 1 -15.74 -735.83)">
-		<stop  offset="0" style="stop-color:#A5CE43"/>
-		<stop  offset="1" style="stop-color:#8EC744"/>
-	</linearGradient>
-	<path class="st3" d="M43.4,22.2c-0.6-2.3-1.7-4.5-3.2-6.4c0-0.1,0.1-0.3,0.1-0.4c0.1-0.2,0.1-0.5,0.1-0.7c0-2-1.6-3.6-3.6-3.6
-		c-2,0-3.6,1.6-3.6,3.6s1.6,3.6,3.6,3.6c0.2,0,0.5,0,0.7-0.1c4.7,6.1,3.5,14.8-2.5,19.4c-0.6,0.5-1.3,0.9-2,1.3v13.5l1-0.3
-		c0.9-0.3,1.8-0.6,2.8-1V40.7C42.6,36.5,45.2,29.1,43.4,22.2z"/>
-	
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="54.7871" y1="752.5" x2="54.7871" y2="785.89" gradientTransform="matrix(1 0 0 1 -15.74 -735.83)">
-		<stop  offset="0" style="stop-color:#A5CE43"/>
-		<stop  offset="1" style="stop-color:#8EC744"/>
-	</linearGradient>
-	<path class="st4" d="M47.5,42.9c9-11.6,6.9-28.3-4.6-37.3C38.2,2,32.5,0,26.5,0c-0.5,0-1.1,0-1.6,0l0,0v22.2l0,0
-		c0.5-0.2,1.1-0.3,1.7-0.4h0.1c2.6,0,4.7,2.1,4.7,4.7c0,0,0,0,0,0l0,0v0.1H35c0-3.9-2.7-7.3-6.5-8.2V3.7c12.7,1.1,22,12.2,21,24.9
-		c-0.4,4.4-2,8.6-4.7,12.1l0,0c-1.9-0.3-3.7,1.1-4,3c0,0.2,0,0.3,0,0.5c0,2,1.6,3.6,3.5,3.6c0,0,0,0,0,0l0,0c2,0,3.5-1.6,3.5-3.6
-		c0-0.3-0.1-0.7-0.2-1C47.6,43.1,47.6,43,47.5,42.9z"/>
-	<polygon class="st0" points="125.2,33.8 125.2,22.2 123.6,22.2 118.9,31.8 114.2,22.2 112.7,22.2 112.7,33.8 114.1,33.8 114.1,25 
-		118.4,33.8 119.5,33.8 123.8,25 123.8,33.8 	"/>
-	<path class="st5" d="M98.8,26.4c-0.7-0.7-1.6-1.1-2.6-1.1c-0.5,0-0.9,0.1-1.3,0.3c-0.4,0.2-0.8,0.4-1.2,0.7v-0.9h-1.4v8.4h1.4V29
-		c0-0.7,0.2-1.3,0.7-1.8c0.9-0.9,2.5-0.9,3.4,0l0,0c0.4,0.5,0.7,1.1,0.7,1.8v4.8h1.3v-4.9C99.9,28,99.5,27,98.8,26.4"/>
-	<path class="st5" d="M80.7,31.5c-0.4,0.7-0.9,1.3-1.6,1.6c-0.7,0.4-1.5,0.6-2.3,0.6h-2v2.8h-1.3V25.4h3.3c1.2,0,2.3,0.4,3.1,1.2
-		C81.2,27.9,81.6,29.9,80.7,31.5 M74.8,32.5h1.9c0.8,0,1.6-0.3,2.2-0.9c0.6-0.5,0.9-1.3,0.9-2.1c0-0.8-0.3-1.5-0.9-2.1
-		c-0.6-0.6-1.4-0.8-2.2-0.8h-1.9L74.8,32.5z"/>
-	<path class="st5" d="M91.3,30c0-0.1,0-0.3,0-0.4c0.1-2.5-1.8-4.6-4.3-4.7s-4.6,1.8-4.7,4.3c-0.1,2.5,1.8,4.6,4.3,4.7
-		c0.1,0,0.1,0,0.2,0c1.6,0,3-0.8,3.9-2.1l-1-0.8c-0.6,1-1.7,1.6-2.8,1.6c-1.7,0.1-3.1-1.2-3.2-2.9c-0.1-1.7,1.2-3.1,2.9-3.2h0.3
-		c1.3,0,2.6,0.8,3,2.1c0,0,0,0.2,0,0.2h-5V30L91.3,30z"/>
-	<path class="st5" d="M70.8,28c0,2.6-2.1,4.7-4.7,4.7c-2.6,0-4.7-2.1-4.7-4.7s2.1-4.7,4.7-4.7c0,0,0,0,0,0l0,0
-		C68.7,23.3,70.8,25.4,70.8,28C70.8,28,70.8,28,70.8,28 M72.1,28c0-3.3-2.7-6-6-6c-3.3,0-6,2.7-6,6s2.7,6,6,6S72.1,31.3,72.1,28
-		L72.1,28"/>
-	<path class="st0" d="M110,30.3c0,1.2-1,2.2-2.2,2.2h-5v-4.4h5C109,28.2,110,29.2,110,30.3 M109.3,25.2c0,0.9-0.7,1.6-1.6,1.6h-4.8
-		v-3.3h4.8C108.5,23.5,109.3,24.3,109.3,25.2 M109.6,27.3c1.2-1.1,1.3-2.9,0.3-4.1c-0.5-0.6-1.3-1-2.1-1h-6.2v11.6h6.6
-		c1.9-0.1,3.4-1.8,3.2-3.7C111.2,28.9,110.6,27.9,109.6,27.3"/>
-</g>
-<g class="st6">
-	<path class="st7" d="M61.9,18.3l1.6-7.9H66c0.4,0,0.8,0,1,0.1c0.4,0.1,0.6,0.2,0.9,0.3c0.2,0.2,0.4,0.4,0.6,0.6
-		c0.1,0.3,0.2,0.6,0.2,0.9c0,0.4-0.1,0.8-0.4,1.1c-0.2,0.3-0.6,0.6-1.1,0.8c0.4,0.1,0.7,0.4,1,0.6s0.3,0.6,0.3,1
-		c0,0.4-0.1,0.8-0.4,1.2c-0.2,0.4-0.6,0.7-1,0.9c-0.4,0.2-0.9,0.3-1.4,0.3H61.9z M63.1,17.4h1.8c0.5,0,0.8,0,1,0
-		c0.3-0.1,0.6-0.2,0.8-0.3s0.4-0.3,0.5-0.5c0.1-0.2,0.2-0.5,0.2-0.7c0-0.4-0.1-0.6-0.3-0.8c-0.2-0.2-0.7-0.3-1.3-0.3h-2L63.1,17.4z
-		 M63.9,13.8h1.6c0.8,0,1.3-0.1,1.6-0.4c0.3-0.2,0.5-0.6,0.5-1.1c0-0.2-0.1-0.4-0.2-0.6c-0.1-0.2-0.2-0.3-0.4-0.4
-		c-0.2-0.1-0.5-0.1-1-0.1h-1.7L63.9,13.8z"/>
-	<path class="st7" d="M73,17.2c-0.7,0.8-1.4,1.2-2.1,1.2c-0.4,0-0.8-0.1-1.1-0.4c-0.3-0.3-0.4-0.6-0.4-0.9c0-0.2,0.1-0.7,0.2-1.2
-		l0.7-3.3h1l-0.8,3.6c-0.1,0.3-0.1,0.5-0.1,0.7c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.6,0.2c0.3,0,0.5-0.1,0.8-0.2
-		c0.3-0.1,0.5-0.3,0.7-0.5c0.2-0.2,0.3-0.5,0.5-0.8c0.1-0.2,0.2-0.5,0.3-1l0.5-2.5h1l-1.2,5.7h-0.9L73,17.2z"/>
-	<path class="st7" d="M75.2,18.3l1.2-5.7h1l-1.2,5.7H75.2z M76.6,11.5l0.2-1.1h1l-0.2,1.1H76.6z"/>
-	<path class="st7" d="M77.6,18.3l1.6-7.9h1l-1.6,7.9H77.6z"/>
-	<path class="st7" d="M82.4,17.5l-0.2,0.8c-0.2,0.1-0.5,0.1-0.7,0.1c-0.4,0-0.7-0.1-0.9-0.3c-0.2-0.1-0.3-0.3-0.3-0.6
-		c0-0.1,0-0.4,0.1-0.9l0.7-3.3h-0.8l0.2-0.8h0.8l0.3-1.4l1.1-0.7l-0.4,2.1h1l-0.2,0.8h-1l-0.7,3.2c-0.1,0.4-0.1,0.6-0.1,0.7
-		c0,0.1,0,0.2,0.1,0.3s0.2,0.1,0.3,0.1C82,17.6,82.2,17.5,82.4,17.5z"/>
-	<path class="st7" d="M86.4,16.1c0-1.1,0.3-2,1-2.8c0.5-0.6,1.3-0.9,2.1-0.9c0.7,0,1.2,0.2,1.7,0.6c0.4,0.4,0.6,1,0.6,1.7
-		c0,0.7-0.1,1.3-0.4,1.8c-0.3,0.6-0.6,1-1.1,1.3c-0.5,0.3-1,0.5-1.5,0.5c-0.4,0-0.8-0.1-1.2-0.3c-0.4-0.2-0.6-0.5-0.8-0.8
-		C86.5,17,86.4,16.6,86.4,16.1z M87.4,16c0,0.5,0.1,0.9,0.4,1.2s0.6,0.4,1,0.4c0.2,0,0.4,0,0.6-0.1s0.4-0.2,0.6-0.4
-		c0.2-0.2,0.3-0.4,0.4-0.6c0.1-0.2,0.2-0.5,0.3-0.7c0.1-0.4,0.2-0.7,0.2-1c0-0.5-0.1-0.9-0.4-1.2c-0.3-0.3-0.6-0.4-1-0.4
-		c-0.3,0-0.6,0.1-0.8,0.2c-0.3,0.1-0.5,0.4-0.7,0.6c-0.2,0.3-0.4,0.6-0.4,1C87.4,15.4,87.4,15.7,87.4,16z"/>
-	<path class="st7" d="M92.4,18.3l1.2-5.7h0.9l-0.2,1c0.4-0.4,0.7-0.7,1.1-0.9s0.7-0.3,1-0.3c0.5,0,0.8,0.1,1.1,0.4
-		c0.3,0.3,0.4,0.6,0.4,1c0,0.2,0,0.5-0.1,1l-0.7,3.5h-1l0.8-3.6c0.1-0.4,0.1-0.6,0.1-0.8c0-0.2-0.1-0.3-0.2-0.5s-0.3-0.2-0.6-0.2
-		c-0.5,0-0.9,0.2-1.3,0.5c-0.4,0.4-0.7,1-0.9,1.8l-0.6,2.7H92.4z"/>
-</g>
-</svg>
+<svg width="157" height="32" xmlns="http://www.w3.org/2000/svg"><g fill="#FFF" fill-rule="nonzero"><path d="M9.694 8.048c.016.761-.602 1.69-1.87 1.574-2.433 3.002-3.097 7.524-.99 11.37 1.078 1.966 2.637 3.435 4.661 4.409a10.04 10.04 0 003.743.981v-6.61c-1.17-.274-2.058-.918-2.626-1.978a3.713 3.713 0 01-.436-1.736h1.749c.046.723.343 1.313.954 1.72.607.405 1.264.455 1.96.227v9.957a11.43 11.43 0 01-4.16-.43c-2.385-.692-4.382-1.986-5.952-3.903C4.94 21.447 4.019 18.94 4 16.116c-.018-2.82.887-5.33 2.62-7.551-.34-1.039.44-1.988 1.329-2.06.97-.077 1.726.607 1.745 1.543zm12.485 2.994c-.017.08.01.191.06.257.897 1.191 1.45 2.524 1.562 4.006.217 2.864-.825 5.2-3.079 6.998-.044.035-.089.068-.132.103-.009.007-.015.016-.031.033v4.714l-1.692.561v-6.1c1.811-1.02 2.956-2.53 3.286-4.592.28-1.75-.154-3.342-1.212-4.774-.192 0-.383.019-.57-.003-.765-.088-1.374-.799-1.367-1.58.007-.802.62-1.493 1.398-1.577 1.144-.124 2.01.833 1.777 1.954zM16.372 4c.325.03.652.054.977.092 2.154.251 4.107 1.017 5.833 2.323 2.446 1.849 4.007 4.28 4.583 7.283.668 3.482-.094 6.666-2.202 9.527l-.103.141c.385 1.137-.411 2.074-1.344 2.18-.87.1-1.687-.57-1.76-1.472a1.61 1.61 0 011.834-1.707c2.157-2.655 3.036-6.877 1.246-10.714-1.976-4.235-5.944-5.847-8.593-5.997v6.625c1.82.567 2.806 1.787 2.95 3.7h-1.61c-.033-.74-.326-1.345-.947-1.766-.618-.417-1.286-.47-1.992-.226V4.04L15.61 4h.76zm-3.328.286v6.084c-1.916 1.087-3.064 2.704-3.309 4.902-.182 1.638.261 3.123 1.255 4.447a1.677 1.677 0 011.154.21c.597.355.888 1.099.7 1.796-.174.646-.806 1.137-1.479 1.15-1.09.02-1.842-.918-1.602-1.992a.244.244 0 00-.033-.18c-1.205-1.579-1.754-3.367-1.61-5.337.171-2.357 1.235-4.259 3.105-5.708l.14-.107V4.84l1.68-.553zM42.25 22c.476 0 .917-.049 1.323-.147a2.723 2.723 0 001.043-.483c.29-.224.516-.518.679-.882.163-.364.245-.807.245-1.33 0-.672-.17-1.232-.511-1.68-.34-.448-.861-.723-1.561-.826v-.028c.205-.037.404-.105.595-.203.191-.098.362-.233.511-.406.15-.173.27-.387.364-.644.093-.257.14-.562.14-.917 0-.373-.06-.716-.182-1.029a1.973 1.973 0 00-.581-.805c-.266-.224-.609-.397-1.029-.518-.42-.121-.924-.182-1.512-.182h-3.64V22h4.116zm-.756-5.628h-2.408v-3.64h2.198c.523 0 .964.03 1.323.091.36.06.651.159.875.294.224.135.387.313.49.532.103.22.154.488.154.805 0 .308-.044.581-.133.819a1.369 1.369 0 01-.441.602c-.205.163-.476.287-.812.371-.336.084-.751.126-1.246.126zm.014 4.816h-2.422v-4.004h2.534c.448 0 .854.026 1.218.077.364.051.677.147.938.287.261.14.462.338.602.595.14.257.21.595.21 1.015 0 .439-.063.791-.189 1.057a1.369 1.369 0 01-.567.616c-.252.145-.572.24-.959.287-.387.047-.842.07-1.365.07zm8.414 1.008c.317 0 .597-.04.84-.119a2.772 2.772 0 001.12-.679c.14-.14.266-.275.378-.406V22h.84v-7.252h-.84v3.948c0 .401-.051.77-.154 1.106a2.705 2.705 0 01-.434.868 1.946 1.946 0 01-.693.567 2.083 2.083 0 01-.931.203c-.663 0-1.139-.166-1.428-.497-.29-.331-.434-.81-.434-1.435v-4.76h-.84v4.774c0 .383.044.735.133 1.057.089.322.233.604.434.847.2.243.464.432.791.567.327.135.733.203 1.218.203zm6.216-9.03V11.92h-.924v1.246h.924zM56.096 22v-7.252h-.84V22h.84zm3.108 0V11.92h-.84V22h.84zm3.724.196c.205 0 .392-.023.56-.07.168-.047.303-.08.406-.098v-.686a4.055 4.055 0 01-.343.07 2.17 2.17 0 01-.343.028c-.177 0-.315-.019-.413-.056a.402.402 0 01-.217-.182.775.775 0 01-.084-.322 6.594 6.594 0 01-.014-.462v-4.97h1.358v-.7H62.48v-2.016h-.84v2.016h-1.022v.7h1.022v5.306c0 .541.11.917.329 1.127.22.21.539.315.959.315zm9.086 0a3.4 3.4 0 001.379-.273 2.99 2.99 0 001.064-.777 3.53 3.53 0 00.679-1.204c.159-.467.238-.99.238-1.568 0-.532-.068-1.031-.203-1.498a3.352 3.352 0 00-.623-1.211c-.28-.34-.63-.611-1.05-.812-.42-.2-.915-.301-1.484-.301-.56 0-1.05.1-1.47.301-.42.2-.77.474-1.05.819a3.52 3.52 0 00-.63 1.211c-.14.462-.21.959-.21 1.491 0 .635.089 1.19.266 1.666.177.476.418.873.721 1.19.303.317.658.555 1.064.714.406.159.842.243 1.309.252zm0-.756a2.41 2.41 0 01-1.064-.224 2.106 2.106 0 01-.77-.63 2.904 2.904 0 01-.469-.973 4.523 4.523 0 01-.161-1.239c0-.392.047-.772.14-1.141.093-.369.238-.695.434-.98.196-.285.45-.513.763-.686.313-.173.688-.259 1.127-.259.448 0 .826.08 1.134.238.308.159.56.376.756.651.196.275.34.6.434.973.093.373.14.775.14 1.204 0 .392-.047.77-.14 1.134-.093.364-.238.69-.434.98-.196.29-.45.52-.763.693-.313.173-.688.259-1.127.259zm5.74.56v-3.906c0-.252.01-.485.028-.7a2.67 2.67 0 01.154-.672 2.079 2.079 0 01.721-.98c.173-.13.366-.236.581-.315.215-.08.453-.119.714-.119.672 0 1.153.163 1.442.49.29.327.434.817.434 1.47V22h.84v-4.746c0-.299-.016-.586-.049-.861a1.806 1.806 0 00-.315-.805c-.261-.383-.583-.651-.966-.805a3.307 3.307 0 00-1.246-.231c-.504 0-.936.112-1.295.336-.36.224-.707.513-1.043.868v-1.008h-.84V22h.84zm15.199.294c1.654 0 2.928-.583 3.821-1.75.761-.994 1.142-2.24 1.142-3.74 0-1.385-.333-2.522-.998-3.41-.853-1.14-2.165-1.71-3.938-1.71-1.695 0-2.976.62-3.842 1.86-.674.966-1.011 2.128-1.011 3.486 0 1.504.394 2.748 1.182 3.733.884 1.02 2.099 1.53 3.644 1.53zm.164-1.217c-1.263 0-2.175-.382-2.738-1.145-.563-.763-.844-1.7-.844-2.813 0-1.39.328-2.441.984-3.155.656-.713 1.504-1.07 2.543-1.07 1.071 0 1.915.36 2.533 1.08.617.72.926 1.67.926 2.851 0 1.117-.268 2.105-.803 2.964-.536.859-1.403 1.288-2.601 1.288zm7.39 3.842v-3.74c.268.333.512.568.73.705.375.241.837.362 1.389.362.701 0 1.317-.216 1.845-.65.834-.683 1.251-1.822 1.251-3.417 0-1.18-.29-2.089-.868-2.724-.579-.636-1.283-.954-2.112-.954-.56 0-1.048.137-1.463.41-.292.182-.56.44-.807.773v-.971h-1.196v10.206h1.23zm1.954-3.746c-.847 0-1.43-.378-1.75-1.135-.168-.396-.252-.877-.252-1.442 0-.702.084-1.28.252-1.737.315-.852.898-1.278 1.75-1.278.848 0 1.431.403 1.75 1.21.17.42.253.92.253 1.504 0 .957-.19 1.676-.57 2.157-.38.48-.858.72-1.433.72zm7.554 1.087c.374 0 .709-.037 1.005-.11a2.867 2.867 0 001.388-.738c.223-.21.425-.48.605-.81.18-.33.286-.63.318-.899h-1.21a2.143 2.143 0 01-.465.855c-.383.423-.896.635-1.538.635-.688 0-1.197-.224-1.525-.673-.328-.449-.503-1.045-.526-1.788h5.366c0-.738-.036-1.276-.11-1.613a3.266 3.266 0 00-.491-1.292c-.256-.387-.627-.703-1.115-.947a3.34 3.34 0 00-1.51-.365c-1.03 0-1.864.367-2.502 1.1-.638.734-.957 1.689-.957 2.864 0 1.195.316 2.123.95 2.786.633.663 1.406.995 2.317.995zm2.154-4.505H108.1c.023-.629.226-1.147.609-1.555a1.872 1.872 0 011.421-.612c.789 0 1.352.296 1.689.889.182.319.298.745.349 1.278zM116.174 22v-3.835c0-.478.031-.846.093-1.104.061-.257.194-.507.4-.748.255-.301.551-.502.888-.602.187-.06.426-.089.718-.089.574 0 .97.228 1.19.684.132.273.198.633.198 1.08V22h1.25v-4.696c0-.739-.1-1.306-.3-1.702-.365-.725-1.067-1.087-2.106-1.087-.474 0-.904.093-1.292.28-.387.187-.754.494-1.1.923v-1.04h-1.17V22h1.231zm10.931 0c1.322 0 2.286-.392 2.892-1.176a2.8 2.8 0 00.608-1.757c0-.77-.226-1.374-.677-1.811-.255-.246-.64-.467-1.155-.663.35-.178.62-.374.807-.588.36-.406.54-.925.54-1.559 0-.542-.146-1.02-.438-1.435-.497-.702-1.333-1.053-2.509-1.053h-4.313V22h4.245zm-.437-5.797h-2.475v-3.11h2.427c.592 0 1.039.064 1.34.191.533.228.8.67.8 1.326 0 .652-.251 1.103-.753 1.354-.319.16-.765.24-1.34.24zm.458 4.635h-2.933v-3.534h2.7c.57 0 1.028.07 1.374.212.652.264.978.76.978 1.49 0 .433-.112.802-.335 1.107-.356.483-.95.725-1.784.725zm6.37 1.162v-6.036a64.19 64.19 0 00-.016-1.002 54.71 54.71 0 01-.018-1.124v-.308l2.885 8.47h1.347l2.864-8.47c0 .543-.004 1.05-.014 1.525-.009.474-.013.813-.013 1.018V22h1.292V11.958h-1.928l-2.864 8.49-2.885-8.49h-1.948V22h1.299zm14.452.26c1.353 0 2.429-.43 3.226-1.292.666-.716 1.058-1.602 1.176-2.66h-1.326c-.137.661-.344 1.195-.622 1.6-.524.77-1.288 1.155-2.29 1.155-1.09 0-1.908-.365-2.458-1.097-.549-.731-.823-1.685-.823-2.86 0-1.436.304-2.501.912-3.196.609-.695 1.407-1.043 2.396-1.043.811 0 1.441.19 1.89.568.45.378.749.89.9 1.538h1.325c-.077-.853-.467-1.614-1.168-2.284-.702-.67-1.689-1.004-2.96-1.004-1.49 0-2.66.515-3.507 1.544-.784.948-1.176 2.163-1.176 3.644 0 1.95.522 3.393 1.565 4.327.793.707 1.773 1.06 2.94 1.06z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/styles/bmc/helpers/_variables.scss b/src/assets/styles/bmc/helpers/_variables.scss
index 10ac64aa..ba32e3bd 100644
--- a/src/assets/styles/bmc/helpers/_variables.scss
+++ b/src/assets/styles/bmc/helpers/_variables.scss
@@ -7,8 +7,10 @@ $transition-collapse:         height $duration--slow-01 $standard-easing--expres
 
 // OpenBMC Custom Variables
 $responsive-layout-bp: lg;
-$header-height: 56px;
+$header-height: 48px;
 $navigation-width: 300px;
 $form-label-font-size: .875rem;
 $form-line-height: 1.25rem;
-$box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
\ No newline at end of file
+$box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
+$focus-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
+border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;