fix: adjust tile content label style

jpmorganchase · Jul 20, 2023 · 22a1cb9 · 22a1cb9 · vercel · Jul 20, 2023
1 parent 7f06156
commit 22a1cb9
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 18 deletions.
diff --git a/packages/components/src/Label/index.tsx b/packages/components/src/Label/index.tsx
@@ -23,20 +23,20 @@ export const Label: React.FC<LabelProps> = ({
   tooltipClass,
   TooltipProps = {},
   ...rest
-}) => {
-  return (
-    <Tooltip
-      disabled={!tooltip}
-      {...TooltipProps}
-      content={
-        <div className={styles.tooltip}>
-          {TooltipProps.title && <span className={styles.tooltipTitle}>{TooltipProps.title}</span>}
-          <span className={styles.tooltipContent}>{tooltip}</span>
-        </div>
-      }
-      status="info"
-    >
-      <span {...rest}>{children}</span>
-    </Tooltip>
-  );
-};
+}) => (
+  <Tooltip
+    disabled={!tooltip}
+    {...TooltipProps}
+    content={
+      <div className={styles.tooltip}>
+        {TooltipProps.title && <span className={styles.tooltipTitle}>{TooltipProps.title}</span>}
+        <span className={styles.tooltipContent}>{tooltip}</span>
+      </div>
+    }
+    status="info"
+  >
+    <span className={className} {...rest}>
+      {children}
+    </span>
+  </Tooltip>
+);
diff --git a/packages/components/src/TileContentLabel/styles.css.ts b/packages/components/src/TileContentLabel/styles.css.ts
@@ -7,7 +7,7 @@ export default {
   }),
   numRemaining: caption({ variant: 'caption4' }),
   root: style([
-    caption({ variant: 'caption6' }),
+    caption({ variant: 'caption5' }),
     responsiveSprinkles({
       marginTop: ['x2', 'x2', 'x2', 'x2'],
       marginRight: ['x1', 'x1', 'x1', 'x1']