From b739de419c68b657618a80cde4382d4701b825ad Mon Sep 17 00:00:00 2001
From: Emma Segal-Grossman <hi@emma.cafe>
Date: Tue, 29 Jul 2025 18:06:28 -0400
Subject: [PATCH] Fix a couple issues with `btrix-badge` component (#2779)

Closes #2774

## Changes

- Allows badges to expand in height when necessary
- Fixes `variant` type not including `"blue"` variant
- Fixes missing background for `"neutral"` variant
---
 frontend/src/components/ui/badge.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ui/badge.ts b/frontend/src/components/ui/badge.ts
index a6f0fad7..f5d7144a 100644
--- a/frontend/src/components/ui/badge.ts
+++ b/frontend/src/components/ui/badge.ts
@@ -12,6 +12,7 @@ export type BadgeVariant =
   | "neutral"
   | "primary"
   | "cyan"
+  | "blue"
   | "high-contrast";
 
 /**
@@ -46,7 +47,7 @@ export class Badge extends TailwindElement {
     return html`
       <span
         class=${clsx(
-          tw`inline-flex h-[1rem] items-center justify-center align-[1px] text-xs`,
+          tw`inline-flex min-h-4 items-center justify-center align-[1px] text-xs leading-none`,
           this.outline
             ? [
                 tw`ring-1`,
@@ -54,7 +55,7 @@ export class Badge extends TailwindElement {
                   success: tw`bg-success-500 text-success-500 ring-success-500`,
                   warning: tw`bg-warning-600 text-warning-600 ring-warning-600`,
                   danger: tw`bg-danger-500 text-danger-500 ring-danger-500`,
-                  neutral: tw`g-neutral-100 text-neutral-600 ring-neutral-600`,
+                  neutral: tw`bg-neutral-100 text-neutral-600 ring-neutral-600`,
                   "high-contrast": tw`bg-neutral-600 text-neutral-0 ring-neutral-0`,
                   primary: tw`bg-white text-primary ring-primary`,
                   cyan: tw`bg-cyan-50 text-cyan-600 ring-cyan-600`,