From 1a106a0de787512105b23f35f488ca16ad5e6120 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Wed, 8 May 2019 15:26:50 +0100
Subject: [PATCH] fix(ui): use rem as unit for badge-pill in the group header

---
 ui/src/Components/Labels/BaseLabel/index.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/Labels/BaseLabel/index.scss b/ui/src/Components/Labels/BaseLabel/index.scss
index 2a087be75..676b6caf7 100644
--- a/ui/src/Components/Labels/BaseLabel/index.scss
+++ b/ui/src/Components/Labels/BaseLabel/index.scss
@@ -20,9 +20,18 @@
   margin-bottom: 2px;
 }
 
+/* badge class uses em and we modify font sizes a bit, so switch to rem */
 span.badge.components-label:not(.badge-pill) {
-  /* badge class uses em and we modify font sizes a bit, so switch to rem */
-  padding: 0.25rem 0.4rem;
+  padding-left: 0.4rem;
+  padding-right: 0.4rem;
+}
+span.badge.components-label.badge-pill {
+  padding-right: 0.6rem;
+  padding-left: 0.6rem;
+}
+span.badge.components-label {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
 }
 
 .components-label-bright {