bugfix: badge style

packages/client/src/pages/Home/Section/Body/RowsView/SimpleFilesRow.js

@@ -123,7 +123,6 @@ const StyledSimpleFilesRow = styled(Row)`
   .badges {
     display: flex;
     align-items: center;
-    margin-top: 2px;
     margin-bottom: 26px;
   }
 

packages/components/badge/index.js

@@ -23,7 +23,7 @@ const Badge = (props) => {
     borderRadius,
     padding,
     maxWidth,
-    lineHeight,
+    height,
     isHovered,
     label,
   } = props;
@@ -40,7 +40,7 @@ const Badge = (props) => {
         borderRadius={borderRadius}
         padding={padding}
         maxWidth={maxWidth}
-        lineHeight={lineHeight}
+        height={height}
       >
         <StyledText
           textAlign="center"
@@ -95,7 +95,7 @@ Badge.defaultProps = {
   borderRadius: "11px",
   padding: "0 5px",
   maxWidth: "50px",
-  lineHeight: "1.78",
+  height: "16px",
   isHovered: false,
   noHover: false,
 };

packages/components/badge/styled-badge.js

@@ -37,9 +37,13 @@ const StyledInner = styled.div`
   border-radius: ${(props) => props.borderRadius};
   padding: ${(props) => props.padding};
   max-width: ${(props) => props.maxWidth};
+  height: ${(props) => props.height};
   text-align: center;
   user-select: none;
   line-height: ${(props) => props.lineHeight};
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `;
 
 StyledInner.defaultProps = { theme: Base };