diff --git a/ui/app/styles/components/masked-input.scss b/ui/app/styles/components/masked-input.scss
index dcbbdf23e..b7b65e5ff 100644
--- a/ui/app/styles/components/masked-input.scss
+++ b/ui/app/styles/components/masked-input.scss
@@ -8,6 +8,10 @@
   align-items: start;
 }
 
+.has-label .masked-input {
+  padding-top: $spacing-s;
+}
+
 // we want to style the boxes the same everywhere so they
 // need to be the same font and small
 .masked-input.masked .masked-value {
@@ -33,6 +37,7 @@
   padding-top: 0;
   padding-bottom: 0;
   padding-left: $spacing-s;
+  background-color: transparent;
 }
 
 .button.masked-input-toggle,
diff --git a/ui/app/templates/vault/cluster/init.hbs b/ui/app/templates/vault/cluster/init.hbs
index f6a50ff33..c5b667736 100644
--- a/ui/app/templates/vault/cluster/init.hbs
+++ b/ui/app/templates/vault/cluster/init.hbs
@@ -31,32 +31,35 @@
           </p>
         </div>
         <div
-          class="message is-list is-highlight has-copy-button"
-          tabindex="-1"
+          class="message is-list is-highlight"
         >
-          <HoverCopyButton
-            @alwaysShow=true
-            @copyValue={{keyData.root_token}}
-          />
           <div class="message-body">
             <h4 class="title is-7 is-marginless">
               Initial Root Token
             </h4>
-            <code class="is-word-break">{{keyData.root_token}}</code>
+            <MaskedInput
+              @class="is-highlight has-label"
+              @displayOnly={{true}}
+              @value={{keyData.root_token}}
+              @allowCopy={{true}}
+            />
           </div>
         </div>
         {{#each (or keyData.recovery_keys_base64 keyData.recovery_keys keyData.keys_base64 keyData.keys) as |key index|}}
           <div
             data-test-key-box
-            class="message is-list has-copy-button"
-            tabindex="-1"
+            class="message is-list"
           >
-            <HoverCopyButton @copyValue={{key}} />
             <div class="message-body">
               <h4 class="title is-7 is-marginless">
                 Key {{add index 1}}
               </h4>
-              <code class="is-word-break">{{key}}</code>
+              <MaskedInput
+                @class="has-label"
+                @displayOnly={{true}}
+                @value={{key}}
+                @allowCopy={{true}}
+              />
             </div>
           </div>
         {{/each}}
@@ -129,15 +132,15 @@
               Key Shares
             </label>
             <div class="control">
-              {{input 
-                data-test-key-shares="true" 
-                class="input" 
-                autocomplete="off" 
-                name="key-shares" 
+              {{input
+                data-test-key-shares="true"
+                class="input"
+                autocomplete="off"
+                name="key-shares"
                 type="number"
-                step="1" 
-                min="1" 
-                pattern="[0-9]*" 
+                step="1"
+                min="1"
+                pattern="[0-9]*"
                 value=secret_shares
               }}
             </div>
@@ -153,10 +156,10 @@
               Key Threshold
             </label>
             <div class="control">
-              {{input 
-                data-test-key-threshold="true" 
-                class="input" autocomplete="off" 
-                name="key-threshold" 
+              {{input
+                data-test-key-threshold="true"
+                class="input" autocomplete="off"
+                name="key-threshold"
                 type="number"
                 step="1"
                 min="1"
@@ -221,4 +224,4 @@
       </form>
     </Page.content>
   {{/if}}
-</SplashPage>
\ No newline at end of file
+</SplashPage>