diff --git a/src/popup2/vault/groupings.component.html b/src/popup2/vault/groupings.component.html
index e244f57ebf..b447edbd4a 100644
--- a/src/popup2/vault/groupings.component.html
+++ b/src/popup2/vault/groupings.component.html
@@ -63,7 +63,7 @@
+ (click)="selectCollection(c)">
{{c.name}}
{{collectionCounts.get(c.id) || 0}}
diff --git a/src/popup2/vault/groupings.component.ts b/src/popup2/vault/groupings.component.ts
index a8fde9b718..71ac3aacfb 100644
--- a/src/popup2/vault/groupings.component.ts
+++ b/src/popup2/vault/groupings.component.ts
@@ -77,16 +77,16 @@ export class GroupingsComponent extends BaseGroupingsComponent implements OnInit
selectType(type: CipherType) {
super.selectType(type);
- this.router.navigate(['/ciphers', { queryParams: { type: type } }]);
+ this.router.navigate(['/ciphers'], { queryParams: { type: type } });
}
selectFolder(folder: FolderView) {
super.selectFolder(folder);
- this.router.navigate(['/ciphers', { queryParams: { folderId: folder.id } }]);
+ this.router.navigate(['/ciphers'], { queryParams: { folderId: folder.id } });
}
selectCollection(collection: CollectionView) {
super.selectCollection(collection);
- this.router.navigate(['/ciphers', { queryParams: { collectionId: collection.id } }]);
+ this.router.navigate(['/ciphers'], { queryParams: { collectionId: collection.id } });
}
}
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
index 499bb0898e..e04bf4a826 100644
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -23,7 +23,7 @@ $brand-info: #555555;
$brand-warning: #bf7e16;
$brand-primary-accent: #286090;
-$background-color: #f9fafc;
+$background-color: #efeff4;
$background-color-alt: #ecf0f5;
$box-background-color: white;