From 1faed19b8bf0481bab8a2fc7b4efa0c2e4bb1be5 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Thu, 9 Sep 2021 16:11:07 -0400 Subject: [PATCH] [web-components] Fix tab panel display (#19731) * fix tab panel display * Change files Co-authored-by: Cory LaViska --- ...eb-components-39a73505-6dd7-40b6-986f-ac3e9a0a9107.json | 7 +++++++ .../web-components/src/tabs/tab-panel/tab-panel.styles.ts | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-web-components-39a73505-6dd7-40b6-986f-ac3e9a0a9107.json diff --git a/change/@fluentui-web-components-39a73505-6dd7-40b6-986f-ac3e9a0a9107.json b/change/@fluentui-web-components-39a73505-6dd7-40b6-986f-ac3e9a0a9107.json new file mode 100644 index 00000000000000..89f1188caf199b --- /dev/null +++ b/change/@fluentui-web-components-39a73505-6dd7-40b6-986f-ac3e9a0a9107.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix tab panel display", + "packageName": "@fluentui/web-components", + "email": "corylaviska@microsoft.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 b4d54da1132873..1750c6115b2caa 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 @@ -6,7 +6,7 @@ export const tabPanelStyles: ( context: ElementDefinitionContext, definition: FoundationElementDefinition, ) => ElementStyles = (context: ElementDefinitionContext, definition: FoundationElementDefinition) => css` - ${display('flex')} :host { + ${display('block')} :host { box-sizing: border-box; font-family: ${bodyFont}; font-size: ${typeRampMinus1FontSize};