From 6a26e062d0755a12e9e0cbe7a9ebf6300469851c Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 17 Feb 2022 21:46:47 -0800
Subject: [PATCH] Round badges completely, tweak border #critfeedback

---
 app/components/Badge.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/components/Badge.ts b/app/components/Badge.ts
index bd0c1d11a..414784281 100644
--- a/app/components/Badge.ts
+++ b/app/components/Badge.ts
@@ -1,3 +1,4 @@
+import { transparentize } from "polished";
 import styled from "styled-components";
 
 const Badge = styled.span<{ yellow?: boolean; primary?: boolean }>`
@@ -9,8 +10,10 @@ const Badge = styled.span<{ yellow?: boolean; primary?: boolean }>`
     primary ? theme.white : yellow ? theme.almostBlack : theme.textTertiary};
   border: 1px solid
     ${({ primary, yellow, theme }) =>
-      primary || yellow ? "transparent" : theme.textTertiary};
-  border-radius: 8px;
+      primary || yellow
+        ? "transparent"
+        : transparentize(0.4, theme.textTertiary)};
+  border-radius: 10px;
   font-size: 12px;
   font-weight: 500;
   user-select: none;