From eaeb8f71c822e49043b70acffbbfd5731395b934 Mon Sep 17 00:00:00 2001
From: Evan Rusackas <evan@preset.io>
Date: Tue, 11 May 2021 11:36:58 -0700
Subject: [PATCH] style: adding padding to the sides of badges, so they look
 less claustrophobic (#14569)

---
 superset-frontend/src/components/Badge/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/superset-frontend/src/components/Badge/index.tsx b/superset-frontend/src/components/Badge/index.tsx
index 8dfe3cbd3..6dda874c9 100644
--- a/superset-frontend/src/components/Badge/index.tsx
+++ b/superset-frontend/src/components/Badge/index.tsx
@@ -30,7 +30,7 @@ const Badge = styled((
   { textColor, ...props }: BadgeProps,
 ) => <AntdBadge {...props} />)`
   & > sup {
-    padding: 0 0.35px 0 0;
+    padding: 0 ${({ theme }) => theme.gridUnit * 2}px;
     background: ${({ theme, color }) => color || theme.colors.primary.base};
     color: ${({ theme, textColor }) =>
       textColor || theme.colors.grayscale.light5};