diff --git a/sharedComponents/navigationBar.component.html b/sharedComponents/navigationBar.component.html
index 0483a79a..6d9f1993 100644
--- a/sharedComponents/navigationBar.component.html
+++ b/sharedComponents/navigationBar.component.html
@@ -265,11 +265,10 @@
 </div>
 <ng-template #header_template let-mobile="mobile">
   <a *ngIf="!header.url" [routerLink]="header.route" [class.uk-padding-remove]="!isHeaderLeft"
-     class="uk-logo uk-navbar-item uk-text-center uk-text-bold">
+     class="uk-logo uk-navbar-item uk-text-center uk-text-bold" [class.uk-margin-medium-left]="!mobile">
     <img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)"
          [src]="!mobile?header.logoUrl:header.logoSmallUrl"
-         [alt]="header.title"
-         class="uk-width-1-1">
+         [alt]="header.title">
     <ng-container *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)">
       <div class="multi-line-ellipsis lines-2" [style.max-width]="(!mobile)?'25vw':null" [title]="header.title">
         <p class="uk-margin-remove">{{header.title}}</p>
@@ -277,11 +276,10 @@
     </ng-container>
   </a>
   <a *ngIf="header.url" [href]="header.url" [class.uk-padding-remove]="!isHeaderLeft"
-     class="uk-logo uk-navbar-item uk-text-center uk-text-bold">
+     class="uk-logo uk-navbar-item uk-text-center uk-text-bold" [class..uk-margin-medium-left]="!mobile">
     <img *ngIf="(mobile && header.logoSmallUrl) || (!mobile && header.logoUrl)"
          [src]="!mobile?header.logoUrl:header.logoSmallUrl"
-         [alt]="header.title"
-         class="uk-width-1-1">
+         [alt]="header.title">
     <ng-container *ngIf="(mobile && !header.logoSmallUrl) || (!mobile && !header.logoUrl)">
       <div class="multi-line-ellipsis lines-2" [style.max-width]="(!mobile)?'25vw':null" [title]="header.title">
         <p class="uk-margin-remove">{{header.title}}</p>