diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
old mode 100644
new mode 100755
index bbec9fe..bb24607
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -3,8 +3,8 @@
 <!--    <ul class="navbar-nav tao-grid-center-right">
       <li class="nav-item tao-header-title">an</li>
     </ul>-->
-    <img src="images/avatao_logo.svg" routerLink="/" class="tao-grid-center-right tao-company-logo" alt="">
-    <ul class="navbar-nav tao-grid-center-left">
+    <img src="images/avatao_logo.svg" routerLink="/" class="tao-grid-center-left tao-company-logo" alt="">
+    <ul class="navbar-nav">
       <li class="nav-item tao-header-title">Tutorials</li>
     </ul>
   </div>
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
old mode 100644
new mode 100755
index 2da33d4..6732de0
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -25,6 +25,7 @@ $font-size-h3: floor(($font-size-base * 1.3));
 
 $tao-navbar-height: 67px;
 
+$company-logo-width: 130px;
 
 //
 // Classes
@@ -44,14 +45,14 @@ $tao-navbar-height: 67px;
 
 .tao-grid-navbar {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: $company-logo-width 1fr;
   grid-column-gap: 8px;
   width: 100%;
 }
 
 .tao-company-logo {
   display: block;
-  width: 130px;
+  width: $company-logo-width;
 }
 
 .tao-company-logo-mobile {