diff --git a/src/atlasViewer/atlasViewer.component.ts b/src/atlasViewer/atlasViewer.component.ts
index f455d1ccd19d49df265efd730e2078b7b9e64217..9d888e533a21cee521bf6b6b3d5359b875946d42 100644
--- a/src/atlasViewer/atlasViewer.component.ts
+++ b/src/atlasViewer/atlasViewer.component.ts
@@ -165,13 +165,13 @@ export class AtlasViewer implements OnDestroy, OnInit, AfterViewInit {
             state.mouseOverSegment.constructor === Number ?
               state.mouseOverSegment.toString() :
               state.mouseOverSegment.name :
-            '' :
-          ''),
+            null :
+          null),
         distinctUntilChanged()
       ),
       this.onhoverLandmark$
     ).pipe(
-      map(([segment, onhoverLandmark]) => onhoverLandmark ? '' : segment )
+      map(([segment, onhoverLandmark]) => onhoverLandmark ? null : segment )
     )
 
   }
diff --git a/src/atlasViewer/atlasViewer.template.html b/src/atlasViewer/atlasViewer.template.html
index 0e5250ccdc46155492ccb1a2c12053ba01735a47..c5224690ffea86489c8584dc0a78be5e05e48bea 100644
--- a/src/atlasViewer/atlasViewer.template.html
+++ b/src/atlasViewer/atlasViewer.template.html
@@ -158,9 +158,9 @@
         {{ onhoverLandmark$ | async }} <i><small class = "mute-text">{{ toggleMessage }}</small></i>
       </div>
       <div 
-        *ngIf = "(onhoverSegment$ | async) !== ''" 
+        *ngIf = "onhoverSegment$ | async as onhoverSegment " 
         contextualBlock>
-        {{ onhoverSegment$ | async }} <i><small class = "mute-text">{{ toggleMessage }}</small></i>
+        {{ onhoverSegment }} <i><small class = "mute-text">{{ toggleMessage }}</small></i>
       </div>
       <!-- TODO Potentially implementing plugin contextual info -->
     </div>