diff --git a/lib/core/src/lib/login/components/login.component.html b/lib/core/src/lib/login/components/login.component.html
index aee538f79c..fdcfad4257 100644
--- a/lib/core/src/lib/login/components/login.component.html
+++ b/lib/core/src/lib/login/components/login.component.html
@@ -170,7 +170,7 @@
                             </div>
                             <div class="adf-login-action">
                                 <div id="adf-login-action" class="adf-login-action adf-full-width">
-                                    <a class="forgot-password-link" (click)="forgotPassword()">
+                                    <a class="adf-login-forgot-password-link" (click)="forgotPassword()">
                                         {{ 'LOGIN.FORGOT-PASSWORD.FORGOT-PASSWORD' | translate }}
                                     </a>
                                 </div>
diff --git a/lib/core/src/lib/login/components/login.component.scss b/lib/core/src/lib/login/components/login.component.scss
index 03fa01712b..a8eb1cdeeb 100644
--- a/lib/core/src/lib/login/components/login.component.scss
+++ b/lib/core/src/lib/login/components/login.component.scss
@@ -4,22 +4,6 @@
     @include flex-column;
 }
 
-.forgot-password-link {
-    cursor: pointer;
-    align-items: center;
-}
-
-.backdrop-background {
-    background-color: #E5E5E5;;
-    opacity: 1 !important;
-}
-
-.forgot-password-dialog-box {   
-    border: 1px solid var(--theme-forgot-password-dialog-border-color) !important;
-    box-shadow: 0px 0px 24px var(--theme-forgot-password-dialog-shadow-color) !important;
-    border-radius: 12px !important;
-}
-
 .adf-login-content {
     background-size: cover;
     background-position: center;
@@ -248,6 +232,11 @@
         opacity: 0.87;
     }
 
+    .adf-login-forgot-password-link {
+        cursor: pointer;
+        align-items: center;
+    }
+
     .adf-login__field {
         display: block;
         margin-left: auto;
@@ -264,3 +253,14 @@
         margin-top: 23px;
     }
 }
+
+.forgot-password-backdrop-background {
+    background-color: #E5E5E5;
+    opacity: 1 !important;
+}
+
+.forgot-password-dialog-box {   
+    border: 1px solid var(--theme-forgot-password-dialog-border-color) !important;
+    box-shadow: 0px 0px 24px var(--theme-forgot-password-dialog-shadow-color) !important;
+    border-radius: 12px !important;
+}
diff --git a/lib/core/src/lib/login/components/login.component.ts b/lib/core/src/lib/login/components/login.component.ts
index b4605babcb..d5617084d0 100644
--- a/lib/core/src/lib/login/components/login.component.ts
+++ b/lib/core/src/lib/login/components/login.component.ts
@@ -199,7 +199,7 @@ export class LoginComponent implements OnInit, OnDestroy {
             data: {
                 title: 'Recover'
             },
-            backdropClass: 'backdrop-background',
+            backdropClass: 'forgot-password-backdrop-background',
             panelClass: 'forgot-password-dialog-box'
         });
     }