diff --git a/src/app/vault/ciphers.component.html b/src/app/vault/ciphers.component.html
index a58867ac8d3..e9d1f9cf8af 100644
--- a/src/app/vault/ciphers.component.html
+++ b/src/app/vault/ciphers.component.html
@@ -49,11 +49,10 @@
         </tbody>
     </table>
     <div class="no-items" *ngIf="searchedCiphers.length === 0">
-        <i class="fa fa-spinner fa-spin fa-3x" *ngIf="!loaded"></i>
+        <i class="fa fa-spinner fa-spin text-muted" *ngIf="!loaded"></i>
         <ng-container *ngIf="loaded">
-            <i class="fa fa-frown-o fa-4x"></i>
             <p>{{'noItemsInList' | i18n}}</p>
-            <button (click)="addCipher()" class="btn block primary link">{{'addItem' | i18n}}</button>
+            <button (click)="addCipher()" class="btn btn-outline-primary">{{'addItem' | i18n}}</button>
         </ng-container>
     </div>
 </ng-container>
diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json
index 3ad9c36a3f3..ff7207123f2 100644
--- a/src/locales/en/messages.json
+++ b/src/locales/en/messages.json
@@ -544,5 +544,8 @@
   },
   "lockNow": {
     "message": "Lock Now"
+  },
+  "noItemsInList": {
+    "message": "There are no items to list."
   }
 }