From 8b65f80127024a12426ba40bca342bba6a9810b4 Mon Sep 17 00:00:00 2001
From: Chris Holt <chhol@microsoft.com>
Date: Tue, 18 May 2021 10:56:32 -0700
Subject: [PATCH] (web-components) correct tabs font size and line height to
 base (#18240)

* correct tabs font size and line height

* Change files
---
 ...b-components-394d9a2e-c0a7-4064-81c7-a1db33bd7ba1.json | 7 +++++++
 packages/web-components/src/tabs/tab/tab.styles.ts        | 8 ++++----
 2 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 change/@fluentui-web-components-394d9a2e-c0a7-4064-81c7-a1db33bd7ba1.json

diff --git a/change/@fluentui-web-components-394d9a2e-c0a7-4064-81c7-a1db33bd7ba1.json b/change/@fluentui-web-components-394d9a2e-c0a7-4064-81c7-a1db33bd7ba1.json
new file mode 100644
index 0000000000000..9a295dcfe7926
--- /dev/null
+++ 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
index dc40ae5fed94d..4a7753cf59f63 100644
--- 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};