diff --git a/src/app/vault/vault.component.html b/src/app/vault/vault.component.html
index 8a81f845..02411c93 100644
--- a/src/app/vault/vault.component.html
+++ b/src/app/vault/vault.component.html
@@ -1,5 +1,5 @@
 <div id="vault">
-    <app-vault-groupings id="categories"></app-vault-groupings>
-    <app-vault-ciphers id="items" [ciphers]="vaultCiphers"></app-vault-ciphers>
+    <app-vault-groupings id="groupings"></app-vault-groupings>
+    <app-vault-ciphers id="items" [ciphers]="ciphers"></app-vault-ciphers>
     <app-vault-view id="details" [cipherId]="null"></app-vault-view>
 </div>
diff --git a/src/app/vault/vault.component.ts b/src/app/vault/vault.component.ts
index 82841cf5..e54bb7ba 100644
--- a/src/app/vault/vault.component.ts
+++ b/src/app/vault/vault.component.ts
@@ -12,13 +12,13 @@ import { CipherService } from 'jslib/abstractions/cipher.service';
     template: template,
 })
 export class VaultComponent implements OnInit {
-    vaultCiphers: any[];
+    ciphers: any[];
 
     constructor(private cipherService: CipherService) {
 
     }
 
     async ngOnInit() {
-        this.vaultCiphers = await this.cipherService.getAllDecrypted();
+        this.ciphers = await this.cipherService.getAllDecrypted();
     }
 }
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 89535fa9..fe31344b 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -80,7 +80,7 @@ a {
     height: 100vh;
     display: flex;
 
-    #categories {
+    #groupings {
         background-color: $background-color-alt;
         width: 15%;
         min-width: 175px;
@@ -142,7 +142,7 @@ a {
         min-width: 400px;
     }
 
-    #categories, #items, #details {
+    #groupings, #items, #details {
         display: flex;
         flex-direction: column;