From 72e68b2b5adb99fd1ac7f63d715d5a6b470cda42 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 30 Mar 2022 09:45:07 -0700
Subject: [PATCH] Update the font and background colour on label chips

---
 packages/web/components/elements/LabelChip.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/elements/LabelChip.tsx b/packages/web/components/elements/LabelChip.tsx
index ee39b1497..c24b54e55 100644
--- a/packages/web/components/elements/LabelChip.tsx
+++ b/packages/web/components/elements/LabelChip.tsx
@@ -21,9 +21,11 @@ export function LabelChip(props: LabelChipProps): JSX.Element {
         margin: '4px',
         borderRadius: '32px',
         color: props.color,
+        fontSize: '12px',
+        fontWeight: 'bold',
         padding: '4px 8px 4px 8px',
         border: `1px solid rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.40)`,
-        backgroundColor: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.20)`,
+        backgroundColor: `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.08)`,
       }}
     >
       {props.text}