diff --git a/src/app/oss.module.ts b/src/app/oss.module.ts
index 27a28457..b583d3b3 100644
--- a/src/app/oss.module.ts
+++ b/src/app/oss.module.ts
@@ -197,9 +197,9 @@ import { UserSubscriptionComponent } from "./settings/user-subscription.componen
 import { VaultTimeoutInputComponent } from "./settings/vault-timeout-input.component";
 import { VerifyEmailComponent } from "./settings/verify-email.component";
 import { ExportComponent } from "./tools/export.component";
+import { GeneratorComponent } from "./tools/generator.component";
 import { ImportComponent } from "./tools/import.component";
 import { PasswordGeneratorHistoryComponent } from "./tools/password-generator-history.component";
-import { PasswordGeneratorComponent } from "./tools/password-generator.component";
 import { ToolsComponent } from "./tools/tools.component";
 import { AddEditCustomFieldsComponent } from "./vault/add-edit-custom-fields.component";
 import { AddEditComponent } from "./vault/add-edit.component";
@@ -378,7 +378,7 @@ registerLocaleData(localeZhTw, "zh-TW");
     OrgUserGroupsComponent,
     OrgVaultComponent,
     OrgWeakPasswordsReportComponent,
-    PasswordGeneratorComponent,
+    GeneratorComponent,
     PasswordGeneratorHistoryComponent,
     PasswordGeneratorPolicyComponent,
     PasswordRepromptComponent,
diff --git a/src/app/tools/generator.component.html b/src/app/tools/generator.component.html
index 3a729e3c..ebd4c56d 100644
--- a/src/app/tools/generator.component.html
+++ b/src/app/tools/generator.component.html
@@ -232,7 +232,7 @@
 </ng-container>
 <ng-container *ngIf="type === 'username'">
   <div class="form-group">
-    <div class="d-flex">
+    <div class="d-block">
       <label>{{ "usernameType" | i18n }}</label>
       <a
         class="ml-auto"