diff --git a/ui-ngx/src/app/modules/login/pages/login/create-password.component.ts b/ui-ngx/src/app/modules/login/pages/login/create-password.component.ts
index ec8a0efa0c..6e3dcc0f63 100644
--- a/ui-ngx/src/app/modules/login/pages/login/create-password.component.ts
+++ b/ui-ngx/src/app/modules/login/pages/login/create-password.component.ts
@@ -55,7 +55,7 @@ export class CreatePasswordComponent extends PageComponent {
   private buildCreatePasswordForm() {
     this.createPassword = this.fb.group({
       newPassword: ['', [Validators.required, passwordStrengthValidator(this.passwordPolicy)]],
-      newPassword2:['']
+      newPassword2: ['']
     }, {
       validators: [
         passwordsMatchValidator('newPassword', 'newPassword2'),
diff --git a/ui-ngx/src/app/shared/components/password-requirements-tooltip.component.ts b/ui-ngx/src/app/shared/components/password-requirements-tooltip.component.ts
index 9d8c4d9b66..e279708184 100644
--- a/ui-ngx/src/app/shared/components/password-requirements-tooltip.component.ts
+++ b/ui-ngx/src/app/shared/components/password-requirements-tooltip.component.ts
@@ -14,7 +14,7 @@
 /// limitations under the License.
 ///
 
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewEncapsulation } from '@angular/core';
 import { CdkOverlayOrigin, ConnectionPositionPair } from '@angular/cdk/overlay';
 import { passwordErrorRules } from '@shared/models/password.models';
 import { AbstractControl } from '@angular/forms';
@@ -23,7 +23,8 @@ import { UserPasswordPolicy } from '@shared/models/settings.models';
 @Component({
   selector: 'tb-password-requirements-tooltip',
   templateUrl: './password-requirements-tooltip.component.html',
-  styleUrl: './password-requirements-tooltip.component.scss'
+  styleUrl: './password-requirements-tooltip.component.scss',
+  encapsulation: ViewEncapsulation.None
 })
 export class PasswordRequirementsTooltipComponent {
   @Input() passwordControl: AbstractControl;