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>
+  );
 };