Fix small style

mondaycom · May 16, 2024 · 54fffc5 · 54fffc5
1 parent cb93e23
commit 54fffc5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/packages/core/src/components/Label/Label.module.scss b/packages/core/src/components/Label/Label.module.scss
@@ -147,17 +147,15 @@
       background-color: var(--positive-color-selected);
     }
   }
+
+  .smallText {
+    line-height: 14px;
+  }
 }
 
 .small {
   padding: 0 var(--spacing-xs);
   border-radius: 2px;
-
-  &.kindLine {
-    span {
-      line-height: 14px;
-    }
-  }
 }
 
 @include keyframe(label-spin-in-emphasized) {

diff --git a/packages/core/src/components/Label/Label.tsx b/packages/core/src/components/Label/Label.tsx
@@ -101,7 +101,12 @@ const Label: VibeComponent<LabelProps> & {
             color={Text.colors.ON_INVERTED}
             data-celebration-text={isCelebrationAnimation}
           >
-            <Text element="span" type={mapSizesToTextSize[size]} color={Text.colors.INHERIT}>
+            <Text
+              element="span"
+              type={mapSizesToTextSize[size]}
+              color={Text.colors.INHERIT}
+              className={cx({ [styles.smallText]: size === "small" })}
+            >
               {text}
             </Text>
             <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>