From 4474aa8c963c0f3b504ad97bab25c8f021f8f152 Mon Sep 17 00:00:00 2001
From: Jordan Aasen <166539328+jaasen-livefront@users.noreply.github.com>
Date: Tue, 20 May 2025 12:00:07 -0700
Subject: [PATCH] [PM-21569] - sshkey view - replace bit-card with
 read-only-cipher-card (#14811)

* use replace bit-card with read-only-cipher-card

* remove unnecessary class
---
 .../cipher-view/sshkey-sections/sshkey-view.component.html   | 4 ++--
 .../src/cipher-view/sshkey-sections/sshkey-view.component.ts | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.html b/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.html
index f7c28ceb3f0..2a31cd01c3a 100644
--- a/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.html
+++ b/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.html
@@ -2,7 +2,7 @@
   <bit-section-header>
     <h2 bitTypography="h6">{{ "typeSshKey" | i18n }}</h2>
   </bit-section-header>
-  <bit-card class="[&_bit-form-field:last-of-type]:tw-mb-0">
+  <read-only-cipher-card>
     <bit-form-field>
       <bit-label>{{ "sshPrivateKey" | i18n }}</bit-label>
       <input
@@ -65,5 +65,5 @@
         [appA11yTitle]="'copyValue' | i18n"
       ></button>
     </bit-form-field>
-  </bit-card>
+  </read-only-cipher-card>
 </section>
diff --git a/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.ts b/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.ts
index 7ac0f8a6726..e0ec1358ee1 100644
--- a/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.ts
+++ b/libs/vault/src/cipher-view/sshkey-sections/sshkey-view.component.ts
@@ -6,13 +6,14 @@ import { Component, Input } from "@angular/core";
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import { SshKeyView } from "@bitwarden/common/vault/models/view/ssh-key.view";
 import {
-  CardComponent,
   SectionHeaderComponent,
   TypographyModule,
   FormFieldModule,
   IconButtonModule,
 } from "@bitwarden/components";
 
+import { ReadOnlyCipherCardComponent } from "../read-only-cipher-card/read-only-cipher-card.component";
+
 @Component({
   selector: "app-sshkey-view",
   templateUrl: "sshkey-view.component.html",
@@ -20,8 +21,8 @@ import {
   imports: [
     CommonModule,
     JslibModule,
-    CardComponent,
     SectionHeaderComponent,
+    ReadOnlyCipherCardComponent,
     TypographyModule,
     FormFieldModule,
     IconButtonModule,