move parameters in className to be applied after to avoid override

acm-ucr · Sep 15, 2024 · 6b0221a · 6b0221a
1 parent 008f3d0
commit 6b0221a
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/admin/Tag.jsx b/src/components/admin/Tag.jsx
@@ -4,9 +4,10 @@ const Tag = ({ color, text, onClick, classes, statuses }) => {
   return (
     <Badge
       data-cy={`${text}-tag`}
-      className={`${classes} ${color.background} ${color.text} ${
-        onClick && `hover:cursor-pointer ${color.hover}`
-      } m-0 w-fit whitespace-nowrap rounded px-2 py-0.5 text-xs md:text-sm`}
+      className={`m-0 w-fit whitespace-nowrap rounded px-2 py-0.5 text-xs md:text-sm
+        ${classes} ${color.background} ${color.text} ${
+          onClick && `hover:cursor-pointer ${color.hover}`
+        }`}
       onClick={onClick}
     >
       {isNaN(text) ? text : statuses[text]}