diff --git a/src/ui_ng/src/app/global-message/message.component.html b/src/ui_ng/src/app/global-message/message.component.html
index 349f4b762..d99d548b6 100644
--- a/src/ui_ng/src/app/global-message/message.component.html
+++ b/src/ui_ng/src/app/global-message/message.component.html
@@ -1,4 +1,4 @@
-<div class="global-message-alert" [hidden]="hideOuter">
+<div [class.global-message-alert]="!isAppLevel">
     <clr-alert [clrAlertType]="globalMessage.type" [clrAlertAppLevel]="isAppLevel" [(clrAlertClosed)]="!globalMessageOpened" (clrAlertClosedChange)="onClose()">
         <div class="alert-item">
             <span class="alert-text">
diff --git a/src/ui_ng/src/app/global-message/message.component.ts b/src/ui_ng/src/app/global-message/message.component.ts
index 5e10ddb52..0d86ce234 100644
--- a/src/ui_ng/src/app/global-message/message.component.ts
+++ b/src/ui_ng/src/app/global-message/message.component.ts
@@ -33,8 +33,7 @@ export class MessageComponent implements OnInit, OnDestroy {
   globalMessageOpened: boolean;
   messageText: string = "";
   timer: any = null;
-  hideOuter: boolean = true;
-
+  
   appLevelMsgSub: Subscription;
   msgSub: Subscription;
   clearSub: Subscription;
@@ -79,8 +78,6 @@ export class MessageComponent implements OnInit, OnDestroy {
               let hackDom: any = queryDoms[0];
               hackDom.className += ' alert-global alert-global-align';
             }
-
-            this.hideOuter = false;
           }, 0);
 
         }
@@ -138,6 +135,5 @@ export class MessageComponent implements OnInit, OnDestroy {
       clearTimeout(this.timer);
     }
     this.globalMessageOpened = false;
-    this.hideOuter = true;
   }
 }
\ No newline at end of file