diff --git a/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.html b/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.html
index 8d0998f063..6264231b68 100644
--- a/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.html
@@ -32,7 +32,7 @@
              [ngStyle]="{'background-color': settings.tooltipColor, 'opacity': settings.tooltipOpacity, 'color': settings.tooltipFontColor}">
           <div *ngFor="let mainTooltip of mainTooltips"
                [innerHTML]="mainTooltip"
-               ngStyle="{'padding': '10px 0'}">
+               style="padding: 10px 0">
           </div>
         </div>
     </div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.ts b/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.ts
index 4477d855a2..5872c9023e 100644
--- a/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/trip-animation/trip-animation.component.ts
@@ -234,8 +234,8 @@ export class TripAnimationComponent implements OnInit, AfterViewInit, OnDestroy
       if(isMainTooltip) {
         this.mainTooltips.push(this.sanitizer.sanitize(SecurityContext.HTML, tooltipText));
       }
-      this.cd.detectChanges();
     }
+    this.cd.detectChanges();
     return tooltipText;
   }