From b1bc6059cf5da68f541f48704fa0251b83928303 Mon Sep 17 00:00:00 2001
From: Lucy Liang <294820961+juliag106@users.noreply.github.com>
Date: Mon, 31 Aug 2026 02:20:49 +0800
Subject: [PATCH] fix: use span instead of div for Badge

---
 frontend/src/components/ui/badge.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ui/badge.tsx b/frontend/src/components/ui/badge.tsx
index ed71e180..311b76a4 100644
--- a/frontend/src/components/ui/badge.tsx
+++ b/frontend/src/components/ui/badge.tsx
@@ -27,12 +27,12 @@ const badgeVariants = cva(
 )
 
 export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends React.HTMLAttributes<HTMLSpanElement>,
     VariantProps<typeof badgeVariants> {}
 
 function Badge({ className, variant, ...props }: BadgeProps) {
   return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+    <span className={cn(badgeVariants({ variant }), className)} {...props} />
   )
 }