diff --git a/src/app/vault/view.component.html b/src/app/vault/view.component.html
index 36e84622..5928cf8e 100644
--- a/src/app/vault/view.component.html
+++ b/src/app/vault/view.component.html
@@ -100,9 +100,15 @@
                     <div class="box-content-row box-content-row-flex" *ngIf="cipher.card.code">
                         <div class="row-main">
                             <span class="row-label">{{'securityCode' | i18n}}</span>
-                            {{cipher.card.code}}
+                            <span [hidden]="showCardCode">{{cipher.card.maskedCode}}</span>
+                            <span [hidden]="!showCardCode">{{cipher.card.code}}</span>
                         </div>
                         <div class="action-buttons">
+                            <a class="row-btn" href="#" appStopClick title="{{'toggleVisibility' | i18n}}"
+                               (click)="toggleCardCode()">
+                                <i class="fa fa-lg"
+                                   [ngClass]="{'fa-eye': !showCardCode, 'fa-eye-slash': showCardCode}"></i>
+                            </a>
                             <a class="row-btn" href="#" appStopClick title="{{'copySecurityCode' | i18n}}"
                                (click)="copy(cipher.card.code, 'securityCode', 'Security Code')">
                                 <i class="fa fa-lg fa-clipboard"></i>