diff --git a/apps/browser/src/popup/index.html b/apps/browser/src/popup/index.html
index e76a8c749fd..5bd8a8a014f 100644
--- a/apps/browser/src/popup/index.html
+++ b/apps/browser/src/popup/index.html
@@ -6,7 +6,7 @@
Bitwarden
-
+
diff --git a/libs/components/src/item/item-group.component.ts b/libs/components/src/item/item-group.component.ts
index 2a9a8275cc6..756009e4efe 100644
--- a/libs/components/src/item/item-group.component.ts
+++ b/libs/components/src/item/item-group.component.ts
@@ -7,7 +7,7 @@ import { ChangeDetectionStrategy, Component } from "@angular/core";
template: ``,
changeDetection: ChangeDetectionStrategy.OnPush,
host: {
- class: "tw-block",
+ class: "tw-block tw-flex tw-flex-col tw-gap-1.5 bit-compact:tw-gap-0",
},
})
export class ItemGroupComponent {}
diff --git a/libs/components/src/item/item.component.ts b/libs/components/src/item/item.component.ts
index e42dd8219d5..1c44964ef97 100644
--- a/libs/components/src/item/item.component.ts
+++ b/libs/components/src/item/item.component.ts
@@ -21,9 +21,9 @@ export const BitItemHeightClass = `tw-h-[52px]`;
* to estimate how many items can be displayed at once and how large the virtual container should be.
* Needs to be updated if the item height or spacing changes.
*
- * 52px + 6px bottom margin + 1px border = 59px
+ * 52px + 1px border = 53px
*/
-export const BitItemHeight = 59;
+export const BitItemHeight = 53;
@Component({
selector: "bit-item",
@@ -34,7 +34,7 @@ export const BitItemHeight = 59;
providers: [{ provide: A11yRowDirective, useExisting: ItemComponent }],
host: {
class:
- "tw-block tw-box-border tw-overflow-auto tw-flex tw-bg-background [&:has(.item-main-content_button:hover,.item-main-content_a:hover)]:tw-cursor-pointer [&:has(.item-main-content_button:hover,.item-main-content_a:hover)]:tw-bg-primary-100 tw-text-main tw-border-solid tw-border-b tw-border-0 [&:not(bit-layout_*)]:tw-rounded-lg bit-compact:[&:not(bit-layout_*)]:tw-rounded-none bit-compact:[&:not(bit-layout_*)]:last:tw-mb-1.5 bit-compact:[&:not(bit-layout_*)]:last:tw-border-b-0 bit-compact:[&:not(bit-layout_*)]:last:tw-rounded-b-lg bit-compact:[&:not(bit-layout_*)]:first:tw-rounded-t-lg tw-mb-1.5 bit-compact:tw-mb-0",
+ "tw-block tw-box-border tw-overflow-auto tw-flex tw-bg-background [&:has(.item-main-content_button:hover,.item-main-content_a:hover)]:tw-cursor-pointer [&:has(.item-main-content_button:hover,.item-main-content_a:hover)]:tw-bg-primary-100 tw-text-main tw-border-solid tw-border-b tw-border-0 [&:not(bit-layout_*)]:tw-rounded-lg bit-compact:[&:not(bit-layout_*)]:tw-rounded-none bit-compact:[&:not(bit-layout_*)]:last-of-type:tw-rounded-b-lg bit-compact:[&:not(bit-layout_*)]:first-of-type:tw-rounded-t-lg tw-min-h-9",
},
})
export class ItemComponent extends A11yRowDirective {