diff --git a/ui/desktop/app/components/hidden-secret/index.hbs b/ui/desktop/app/components/hidden-secret/index.hbs
index 6bdd9972e..a28042fd6 100644
--- a/ui/desktop/app/components/hidden-secret/index.hbs
+++ b/ui/desktop/app/components/hidden-secret/index.hbs
@@ -1,11 +1,9 @@
 <div class='hidden-secret'>
-  {{! TODO: The span wrap within a div because later we will add the toggle secret icon/button}}
-  <div>
-    <span>{{t 'resources.target.host-set.secret'}}</span>
-  </div>
   <Copyable
     @text={{@secret}}
     @buttonText={{t 'actions.copy-to-clipboard'}}
     @acknowledgeText={{t 'states.copied'}}
-  />
+  >
+    <span>{{this.textMask}}</span>
+  </Copyable>
 </div>
\ No newline at end of file
diff --git a/ui/desktop/app/components/hidden-secret/index.js b/ui/desktop/app/components/hidden-secret/index.js
new file mode 100644
index 000000000..f5b443ff2
--- /dev/null
+++ b/ui/desktop/app/components/hidden-secret/index.js
@@ -0,0 +1,5 @@
+import Component from '@glimmer/component';
+
+export default class HiddenSecretComponent extends Component {
+  textMask = '■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■';
+}
diff --git a/ui/desktop/app/styles/app.scss b/ui/desktop/app/styles/app.scss
index 36f54ecbd..5e1042934 100644
--- a/ui/desktop/app/styles/app.scss
+++ b/ui/desktop/app/styles/app.scss
@@ -474,3 +474,20 @@ $chevron-down: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231
     color: var(--ui-gray-subtler-1);
   }
 }
+
+// Hidden secret component (app/components/hidden-secret)
+.hidden-secret {
+  display: flex;
+  align-items: center;
+  color: var(--ui-gray-subtler-2);
+
+  .copyable {
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  .rose-button-ghost {
+    color: var(--ui-gray-subtler-1);
+  }
+}
diff --git a/ui/desktop/tests/integration/components/hidden-secret-test.js b/ui/desktop/tests/integration/components/hidden-secret-test.js
index 87e33a329..dff98cf57 100644
--- a/ui/desktop/tests/integration/components/hidden-secret-test.js
+++ b/ui/desktop/tests/integration/components/hidden-secret-test.js
@@ -14,7 +14,7 @@ module('Integration | Component | hidden-secret', function (hooks) {
 
     assert.ok(find('.hidden-secret'));
     assert.equal(
-      find('.hidden-secret > div > span').textContent.trim(),
+      find('.hidden-secret > span > span').textContent.trim(),
       '■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■'
     );
   });