diff --git a/src/popup/components/cipher-row.component.html b/src/popup/components/cipher-row.component.html
index ea0af83d86a..fbf9f1dab46 100644
--- a/src/popup/components/cipher-row.component.html
+++ b/src/popup/components/cipher-row.component.html
@@ -5,6 +5,7 @@
appStopClick
title="{{ title }} - {{ cipher.name }}"
class="box-content-row box-content-row-flex virtual-scroll-item"
+ [ngClass]="{ 'override-last': !last }"
>
diff --git a/src/popup/components/cipher-row.component.ts b/src/popup/components/cipher-row.component.ts
index 484ccdea2d2..fa2b66c1b1a 100644
--- a/src/popup/components/cipher-row.component.ts
+++ b/src/popup/components/cipher-row.component.ts
@@ -11,6 +11,7 @@ export class CipherRowComponent {
@Output() launchEvent = new EventEmitter
();
@Output() onView = new EventEmitter();
@Input() cipher: CipherView;
+ @Input() last: boolean;
@Input() showView = false;
@Input() title: string;
diff --git a/src/popup/scss/box.scss b/src/popup/scss/box.scss
index 0a43da8e56f..c61167fac64 100644
--- a/src/popup/scss/box.scss
+++ b/src/popup/scss/box.scss
@@ -211,6 +211,13 @@
}
}
+ &.override-last:last-child:before {
+ border-bottom: 1px solid #000000;
+ @include themify($themes) {
+ border-bottom-color: themed("boxBorderColor");
+ }
+ }
+
&.last:last-child:before {
border-bottom: 1px solid #000000;
@include themify($themes) {
diff --git a/src/popup/vault/ciphers.component.html b/src/popup/vault/ciphers.component.html
index 8b276665222..1608c8f0289 100644
--- a/src/popup/vault/ciphers.component.html
+++ b/src/popup/vault/ciphers.component.html
@@ -97,8 +97,9 @@