From a3dedebbfd2c1cb5cea767eb2683860328ac9b16 Mon Sep 17 00:00:00 2001
From: Chris Holt <chhol@microsoft.com>
Date: Tue, 11 Aug 2020 10:24:32 -0700
Subject: [PATCH] fix: ensure radio control does not shrink

---
 ...-10-24-32-users-chhol-ensure-radios-do-not-shrink.json | 8 ++++++++
 packages/web-components/src/radio/radio.styles.ts         | 5 ++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 change/@fluentui-web-components-2020-08-11-10-24-32-users-chhol-ensure-radios-do-not-shrink.json

diff --git a/change/@fluentui-web-components-2020-08-11-10-24-32-users-chhol-ensure-radios-do-not-shrink.json b/change/@fluentui-web-components-2020-08-11-10-24-32-users-chhol-ensure-radios-do-not-shrink.json
new file mode 100644
index 0000000000000..11abe3813fc59
--- /dev/null
+++ b/change/@fluentui-web-components-2020-08-11-10-24-32-users-chhol-ensure-radios-do-not-shrink.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix: ensure radio control does not shrink",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-08-11T17:24:32.852Z"
+}
diff --git a/packages/web-components/src/radio/radio.styles.ts b/packages/web-components/src/radio/radio.styles.ts
index a17736a4648f3..76a99cd82b504 100644
--- a/packages/web-components/src/radio/radio.styles.ts
+++ b/packages/web-components/src/radio/radio.styles.ts
@@ -60,6 +60,10 @@ export const RadioStyles = css`
         line-height: var(--type-ramp-base-line-height);
     }
 
+    .control, .checked-indicator {
+      flex-shrink: 0;
+    }
+
     .checked-indicator {
         position: absolute;
         top: 5px;
@@ -68,7 +72,6 @@ export const RadioStyles = css`
         bottom: 5px;
         border-radius: 50%;
         display: inline-block;
-        flex-shrink: 0;
         background: ${neutralForegroundRestBehavior.var};
         fill: ${neutralForegroundRestBehavior.var};
         opacity: 0;