From 389e44e1c5d33b162ff20e1568490259c403329c Mon Sep 17 00:00:00 2001
From: Kamil Gabryjelski <kamil.gabryjelski@gmail.com>
Date: Tue, 29 Nov 2022 15:10:18 +0100
Subject: [PATCH] fix: Apply border radius and fix height for MetadataBar
 (#22010)

---
 .../src/components/MetadataBar/MetadataBar.tsx              | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/superset-frontend/src/components/MetadataBar/MetadataBar.tsx b/superset-frontend/src/components/MetadataBar/MetadataBar.tsx
index d398ebe74f131..b2809ae53c2c7 100644
--- a/superset-frontend/src/components/MetadataBar/MetadataBar.tsx
+++ b/superset-frontend/src/components/MetadataBar/MetadataBar.tsx
@@ -58,6 +58,8 @@ const Bar = styled.div<{ count: number }>`
       (ICON_WIDTH + SPACE_BETWEEN_ITEMS) * count -
       SPACE_BETWEEN_ITEMS
     }px;
+    border-radius: ${theme.borderRadius}px;
+    line-height: 1;
   `}
 `;
 
@@ -68,6 +70,7 @@ const StyledItem = styled.div<{
 }>`
   ${({ theme, collapsed, last, onClick }) => `
     display: flex;
+    align-items: center;
     max-width: ${
       ICON_WIDTH +
       ICON_PADDING +
@@ -91,6 +94,9 @@ const StyledItem = styled.div<{
           : theme.colors.grayscale.base
       };
       padding-right: ${collapsed ? 0 : ICON_PADDING}px;
+      & .anticon {
+        line-height: 0;
+      }
     }
     & .metadata-text {
       min-width: ${TEXT_MIN_WIDTH}px;