From 9931a4a8395d1e80e2a50f3390ed56e09b76fd06 Mon Sep 17 00:00:00 2001
From: David Arranz <darranz@rodax-software.com>
Date: Thu, 22 Aug 2024 19:46:24 +0200
Subject: [PATCH] .

---
 client/src/components/ColorBadget/ColorBadget.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/components/ColorBadget/ColorBadget.tsx b/client/src/components/ColorBadget/ColorBadget.tsx
index 29cc9c7..75b8983 100644
--- a/client/src/components/ColorBadget/ColorBadget.tsx
+++ b/client/src/components/ColorBadget/ColorBadget.tsx
@@ -13,8 +13,12 @@ function stringToColor(str: string) {
   return color;
 }
 
-export const ColorBadge = ({ label }: { label: string }) => {
+export const ColorBadge = ({ label, className }: { label: string; className?: string }) => {
   const backgroundColor = stringToColor(label);
 
-  return <Badge style={{ backgroundColor, color: "#fff" }}>{label}</Badge>;
+  return (
+    <Badge className={className} style={{ backgroundColor, color: "#fff" }}>
+      {label}
+    </Badge>
+  );
 };