diff --git a/libs/tools/generator/components/src/credential-generator-history.component.html b/libs/tools/generator/components/src/credential-generator-history.component.html
index 2b8802b932..c42d6a1272 100644
--- a/libs/tools/generator/components/src/credential-generator-history.component.html
+++ b/libs/tools/generator/components/src/credential-generator-history.component.html
@@ -1,7 +1,10 @@
 <bit-card *ngFor="let credential of credentials$ | async" class="tw-mb-2">
   <div class="tw-flex tw-justify-between tw-items-center">
     <div class="tw-flex tw-flex-col">
-      <h2 bitTypography="h6">{{ credential.credential }}</h2>
+      <bit-color-password
+        class="tw-font-mono"
+        [password]="credential.credential"
+      ></bit-color-password>
       <span class="tw-text-muted" bitTypography="body1">{{
         credential.generationDate | date: "medium"
       }}</span>
diff --git a/libs/tools/generator/components/src/credential-generator-history.component.ts b/libs/tools/generator/components/src/credential-generator-history.component.ts
index 2f76027a94..bcedd91bab 100644
--- a/libs/tools/generator/components/src/credential-generator-history.component.ts
+++ b/libs/tools/generator/components/src/credential-generator-history.component.ts
@@ -9,6 +9,7 @@ import { AccountService } from "@bitwarden/common/auth/abstractions/account.serv
 import { UserId } from "@bitwarden/common/types/guid";
 import {
   CardComponent,
+  ColorPasswordModule,
   IconButtonModule,
   NoItemsModule,
   SectionComponent,
@@ -21,6 +22,7 @@ import { GeneratedCredential, GeneratorHistoryService } from "@bitwarden/generat
   selector: "bit-credential-generator-history",
   templateUrl: "credential-generator-history.component.html",
   imports: [
+    ColorPasswordModule,
     CommonModule,
     IconButtonModule,
     NoItemsModule,