diff --git a/projects/common/src/fm/components/app/app.component.html b/projects/common/src/fm/components/app/app.component.html
index b449d64..f4d8c1d 100644
--- a/projects/common/src/fm/components/app/app.component.html
+++ b/projects/common/src/fm/components/app/app.component.html
@@ -27,8 +27,8 @@
     <fm-user-menu [user]="user|async" [showMenu]="accountMenuVisible|async"></fm-user-menu>
   </div>
   <div class="healthstatus-container online" [ngClass]="{'online' :(isOnline|async)}">
-    <div class="healthstatus alert alert-danger" >
-      <span i18n>No connection, check your internet connection</span>
+    <div class="healthstatus alert alert-danger m-0" >
+      <span i18n>Not connected, make sure youre device has an active internet connection</span>
     </div>
   </div>
 </div>
diff --git a/projects/common/src/fm/components/app/app.component.scss b/projects/common/src/fm/components/app/app.component.scss
index fee4b35..2a4a243 100644
--- a/projects/common/src/fm/components/app/app.component.scss
+++ b/projects/common/src/fm/components/app/app.component.scss
@@ -93,8 +93,8 @@ body { background: #f1f1f1; line-height: 18px; user-select:none;}
   position: absolute;
   bottom: 0px;
   overflow: hidden;
-  transition: height 0.5s ease-out;
-  height:3.25em;
+  transition: max-height 0.5s ease-out;
+  max-height:5em;
 }
 
 .healthstatus {
@@ -103,5 +103,5 @@ body { background: #f1f1f1; line-height: 18px; user-select:none;}
 }
 
 .online {
-  height:0;
+  max-height:0em;
 }