From 06cb25c66838875a18dc264ebfa8c5547ce4ebb2 Mon Sep 17 00:00:00 2001
From: Brian Heston <47367562+bheston@users.noreply.github.com>
Date: Tue, 11 Jan 2022 12:47:40 -0800
Subject: [PATCH] (web-components) Update tab panel to base type size (#21180)

Update tab panel to base type size
---
 ...eb-components-0e8033b0-8a6d-486e-bb1f-c6d0054108b5.json | 7 +++++++
 .../web-components/src/tabs/tab-panel/tab-panel.styles.ts  | 6 +++---
 2 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 change/@fluentui-web-components-0e8033b0-8a6d-486e-bb1f-c6d0054108b5.json

diff --git a/change/@fluentui-web-components-0e8033b0-8a6d-486e-bb1f-c6d0054108b5.json b/change/@fluentui-web-components-0e8033b0-8a6d-486e-bb1f-c6d0054108b5.json
new file mode 100644
index 0000000000000..aacbb74e8b031
--- /dev/null
+++ b/change/@fluentui-web-components-0e8033b0-8a6d-486e-bb1f-c6d0054108b5.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update tab panel to base type size",
+  "packageName": "@fluentui/web-components",
+  "email": "47367562+bheston@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/tabs/tab-panel/tab-panel.styles.ts b/packages/web-components/src/tabs/tab-panel/tab-panel.styles.ts
index 1750c6115b2ca..a46d629870300 100644
--- a/packages/web-components/src/tabs/tab-panel/tab-panel.styles.ts
+++ b/packages/web-components/src/tabs/tab-panel/tab-panel.styles.ts
@@ -1,6 +1,6 @@
 import { css, ElementStyles } from '@microsoft/fast-element';
 import { display, ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-import { bodyFont, density, designUnit, typeRampMinus1FontSize, typeRampMinus1LineHeight } from '../../design-tokens';
+import { bodyFont, density, designUnit, typeRampBaseFontSize, typeRampBaseLineHeight } from '../../design-tokens';
 
 export const tabPanelStyles: (
   context: ElementDefinitionContext,
@@ -9,9 +9,9 @@ export const tabPanelStyles: (
   ${display('block')} :host {
     box-sizing: border-box;
     font-family: ${bodyFont};
-    font-size: ${typeRampMinus1FontSize};
+    font-size: ${typeRampBaseFontSize};
     font-weight: 400;
-    line-height: ${typeRampMinus1LineHeight};
+    line-height: ${typeRampBaseLineHeight};
     padding: 0 calc((6 + (${designUnit} * 2 * ${density})) * 1px);
   }
 `;