diff --git a/ui/desktop/app/components/hidden-secret/index.hbs b/ui/desktop/app/components/hidden-secret/index.hbs
index 5e70bc2dc..81ebaf93c 100644
--- a/ui/desktop/app/components/hidden-secret/index.hbs
+++ b/ui/desktop/app/components/hidden-secret/index.hbs
@@ -14,7 +14,10 @@
 
   <div class='secret-content'>
     {{#if this.isHidden}}
-      <pre>{{this.displaySecretValue}}</pre>
+      <Hds::Text::Code
+        @tag='pre'
+        @size='300'
+      >{{this.displaySecretValue}}</Hds::Text::Code>
     {{else}}
       <Hds::Text::Body @color='disabled'>{{this.textMask}}</Hds::Text::Body>
     {{/if}}