diff --git a/src/popup/vault/view.component.html b/src/popup/vault/view.component.html
index 4397b3b297..424ac900d7 100644
--- a/src/popup/vault/view.component.html
+++ b/src/popup/vault/view.component.html
@@ -17,15 +17,16 @@
         <div class="box-content">
             <div class="box-content-row">
                 <span class="row-label">{{'name' | i18n}}</span>
-                {{cipher.name}}
+                <input type="text" [value]="cipher.name" readonly aria-readonly="true"/>
             </div>
             <!-- Login -->
             <div *ngIf="cipher.login">
                 <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.username">
                     <div class="row-main">
                         <span class="row-label draggable" draggable="true"
-                            (dragstart)="setTextDataOnDrag($event, cipher.login.username)">{{'username' | i18n}}</span>
-                        {{cipher.login.username}}
+                            (dragstart)="setTextDataOnDrag($event, cipher.login.username)">{{'username' | i18n}}
+                        </span>
+                        <input type="text" [value]="cipher.login.username" readonly aria-readonly="true" />
                     </div>
                     <div class="action-buttons">
                         <a class="row-btn" href="#" appStopClick appA11yTitle="{{'copyUsername' | i18n}}"
@@ -187,7 +188,9 @@
                 <div class="row-main">
                     <span class="row-label" *ngIf="!u.isWebsite">{{'uri' | i18n}}</span>
                     <span class="row-label" *ngIf="u.isWebsite">{{'website' | i18n}}</span>
-                    <span title="{{u.uri}}">{{u.hostnameOrUri}}</span>
+                    <span title="{{u.uri}}">
+                        <input type="text" [value]="u.hostnameOrUri" readonly aria-readonly="true" />
+                    </span>
                 </div>
                 <div class="action-buttons">
                     <a class="row-btn" href="#" appStopClick appA11yTitle="{{'launch' | i18n}}" *ngIf="u.canLaunch"
@@ -207,7 +210,9 @@
             {{'notes' | i18n}}
         </div>
         <div class="box-content">
-            <div class="box-content-row pre-wrap">{{cipher.notes}}</div>
+            <div class="box-content-row">
+                <textarea [value]="cipher.notes" rows="6" readonly aria-readonly="true"></textarea>
+            </div>
         </div>
     </div>
     <div class="box" *ngIf="cipher.hasFields">