diff --git a/apps/web/src/app/accounts/login/login.component.html b/apps/web/src/app/accounts/login/login.component.html
index 7436bca7538..f12595ae418 100644
--- a/apps/web/src/app/accounts/login/login.component.html
+++ b/apps/web/src/app/accounts/login/login.component.html
@@ -32,18 +32,10 @@
           </div>
 
           <div class="tw-mb-3 tw-flex tw-items-start">
-            <div class="tw-flex tw-h-6 tw-items-center">
-              <input
-                id="login_input_remember-email"
-                class="tw-w-4 tw-rounded tw-border"
-                bitInput
-                type="checkbox"
-                formControlName="rememberEmail"
-              />
-            </div>
-            <bit-label class="ml-2">
-              {{ "rememberEmail" | i18n }}
-            </bit-label>
+            <bit-form-control class="tw-mb-0">
+              <input type="checkbox" bitCheckbox formControlName="rememberEmail" />
+              <bit-label>{{ "rememberEmail" | i18n }}</bit-label>
+            </bit-form-control>
           </div>
 
           <div class="tw-mb-3">
diff --git a/apps/web/src/app/accounts/login/login.module.ts b/apps/web/src/app/accounts/login/login.module.ts
index 9ab8dfb3a1b..1dfbe925807 100644
--- a/apps/web/src/app/accounts/login/login.module.ts
+++ b/apps/web/src/app/accounts/login/login.module.ts
@@ -1,12 +1,14 @@
 import { NgModule } from "@angular/core";
 
+import { CheckboxModule } from "@bitwarden/components";
+
 import { SharedModule } from "../../shared";
 
 import { LoginWithDeviceComponent } from "./login-with-device.component";
 import { LoginComponent } from "./login.component";
 
 @NgModule({
-  imports: [SharedModule],
+  imports: [SharedModule, CheckboxModule],
   declarations: [LoginComponent, LoginWithDeviceComponent],
   exports: [LoginComponent, LoginWithDeviceComponent],
 })