(web-components) correct tabs font size and line height to base (micr…

…osoft#18240) * correct tabs font size and line height * Change files
PeterDraex · Aug 6, 2021 · c5b8966 · c5b8966
1 parent 1281a24
commit c5b8966
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/change/@fluentui-web-components-394d9a2e-c0a7-4064-81c7-a1db33bd7ba1.json b/change/@fluentui-web-components-394d9a2e-c0a7-4064-81c7-a1db33bd7ba1.json
@@ -0,0 +1,7 @@
+{
+ "type": "minor",
+ "comment": "correct tabs font size and line height",
+ "packageName": "@fluentui/web-components",
+ "email": "chhol@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/tabs/tab/tab.styles.ts b/packages/web-components/src/tabs/tab/tab.styles.ts
@@ -3,8 +3,8 @@ import { SystemColors } from '@microsoft/fast-web-utilities';
 import { display, focusVisible, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
 import { heightNumber } from '../../styles';
 import {
- typeRampMinus1FontSize,
- typeRampMinus1LineHeight,
+ typeRampBaseFontSize,
+ typeRampBaseLineHeight,
  bodyFont,
  designUnit,
  density,
@@ -20,9 +20,9 @@ export const tabStyles = (context, definition) =>
  ${display('inline-flex')} :host {
  box-sizing: border-box;
  font-family: ${bodyFont};
- font-size: ${typeRampMinus1FontSize};
+ font-size: ${typeRampBaseFontSize};
  font-weight: 400;
- line-height: ${typeRampMinus1LineHeight};
+ line-height: ${typeRampBaseLineHeight};
  height: calc(${heightNumber} * 1px);
  padding: 0 calc((6 + (${designUnit} * 2 * ${density})) * 1px);
  color: ${neutralForegroundRest};