diff --git a/ng2-components/ng2-alfresco-login/src/components/login.component.html b/ng2-components/ng2-alfresco-login/src/components/login.component.html
index 426037b855..1b0eada7ba 100644
--- a/ng2-components/ng2-alfresco-login/src/components/login.component.html
+++ b/ng2-components/ng2-alfresco-login/src/components/login.component.html
@@ -20,7 +20,7 @@
             <md-card-content class="adf-login-controls">
 
                 <!--ERRORS AREA-->
-                <div>
+                <div class="adf-error-container">
                     <div *ngIf="error" id="login-error" data-automation-id="login-error"
                          class="error  adf-error-message">
                         <md-icon class="error-icon">warning</md-icon>
diff --git a/ng2-components/ng2-alfresco-login/src/components/login.component.scss b/ng2-components/ng2-alfresco-login/src/components/login.component.scss
index a4b8bc7463..a80d022589 100644
--- a/ng2-components/ng2-alfresco-login/src/components/login.component.scss
+++ b/ng2-components/ng2-alfresco-login/src/components/login.component.scss
@@ -63,6 +63,10 @@
             }
         }
 
+        .adf-error-container{
+            height:10px;
+        }
+
         .adf-error-message {
             display: flex;
             box-orient: horizontal;