diff --git a/apps/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.tsx b/apps/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.tsx
index be580f531a..0e2ec58316 100644
--- a/apps/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.tsx
+++ b/apps/fluent-tester/src/TestComponents/CheckboxV1/CheckboxV1Test.tsx
@@ -21,7 +21,7 @@ function onChangeUncontrolled(_e: InteractionEvent, isChecked: boolean) {
 const BasicCheckbox: React.FunctionComponent = () => {
   return (
     <View>
-      <Checkbox label="Unchecked checkbox (undefined)" onChange={onChangeUncontrolled} />
+      <Checkbox label="Unchecked checkbox (undefined) aidasdijk ahsdihsaidhas jasdhasid" onChange={onChangeUncontrolled} />
       <Checkbox label="Unchecked checkbox (uncontrolled)" onChange={onChangeUncontrolled} defaultChecked={false} />
       <Checkbox label="Checked checkbox (uncontrolled)" onChange={onChangeUncontrolled} defaultChecked accessibilityLabel="Hello there" />
       <Checkbox label="Disabled checkbox" disabled />
diff --git a/change/@fluentui-react-native-badge-feb689b1-06fe-435b-a373-2f1bbd599581.json b/change/@fluentui-react-native-badge-feb689b1-06fe-435b-a373-2f1bbd599581.json
new file mode 100644
index 0000000000..54e6091b59
--- /dev/null
+++ b/change/@fluentui-react-native-badge-feb689b1-06fe-435b-a373-2f1bbd599581.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/badge",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-button-e18cbcea-165b-4b0b-b025-0e00edc776e8.json b/change/@fluentui-react-native-button-e18cbcea-165b-4b0b-b025-0e00edc776e8.json
new file mode 100644
index 0000000000..2d8953990d
--- /dev/null
+++ b/change/@fluentui-react-native-button-e18cbcea-165b-4b0b-b025-0e00edc776e8.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/button",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-divider-557c1c15-03b1-4007-bc1d-04552901a513.json b/change/@fluentui-react-native-divider-557c1c15-03b1-4007-bc1d-04552901a513.json
new file mode 100644
index 0000000000..b65e409d6e
--- /dev/null
+++ b/change/@fluentui-react-native-divider-557c1c15-03b1-4007-bc1d-04552901a513.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/divider",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-experimental-menu-button-136589b3-4a23-4570-bf5a-28a2540f52fd.json b/change/@fluentui-react-native-experimental-menu-button-136589b3-4a23-4570-bf5a-28a2540f52fd.json
new file mode 100644
index 0000000000..e917d1a826
--- /dev/null
+++ b/change/@fluentui-react-native-experimental-menu-button-136589b3-4a23-4570-bf5a-28a2540f52fd.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/experimental-menu-button",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-experimental-radio-group-64061eb3-b4b2-48b4-a93d-bd1619719e66.json b/change/@fluentui-react-native-experimental-radio-group-64061eb3-b4b2-48b4-a93d-bd1619719e66.json
new file mode 100644
index 0000000000..eb9d2895ed
--- /dev/null
+++ b/change/@fluentui-react-native-experimental-radio-group-64061eb3-b4b2-48b4-a93d-bd1619719e66.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/experimental-radio-group",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-experimental-tabs-e9d30d85-d5d3-4d9d-b2b4-13be03e53eeb.json b/change/@fluentui-react-native-experimental-tabs-e9d30d85-d5d3-4d9d-b2b4-13be03e53eeb.json
new file mode 100644
index 0000000000..aac5d07bef
--- /dev/null
+++ b/change/@fluentui-react-native-experimental-tabs-e9d30d85-d5d3-4d9d-b2b4-13be03e53eeb.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/experimental-tabs",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-link-b9049396-6b19-4751-9370-0b65d7d4f36c.json b/change/@fluentui-react-native-link-b9049396-6b19-4751-9370-0b65d7d4f36c.json
new file mode 100644
index 0000000000..d9f56a9fd9
--- /dev/null
+++ b/change/@fluentui-react-native-link-b9049396-6b19-4751-9370-0b65d7d4f36c.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/link",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-menu-4429ef8f-e6e0-4fda-898e-d1cac73b4e64.json b/change/@fluentui-react-native-menu-4429ef8f-e6e0-4fda-898e-d1cac73b4e64.json
new file mode 100644
index 0000000000..a2e9d89054
--- /dev/null
+++ b/change/@fluentui-react-native-menu-4429ef8f-e6e0-4fda-898e-d1cac73b4e64.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/menu",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-notification-ad05670d-b703-43ab-808a-e9f140d89be1.json b/change/@fluentui-react-native-notification-ad05670d-b703-43ab-808a-e9f140d89be1.json
new file mode 100644
index 0000000000..646875fa69
--- /dev/null
+++ b/change/@fluentui-react-native-notification-ad05670d-b703-43ab-808a-e9f140d89be1.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Fix text not wrapping",
+  "packageName": "@fluentui-react-native/notification",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-tester-2600660f-25a6-4400-8d1e-4ed08ebe1af6.json b/change/@fluentui-react-native-tester-2600660f-25a6-4400-8d1e-4ed08ebe1af6.json
new file mode 100644
index 0000000000..0892589deb
--- /dev/null
+++ b/change/@fluentui-react-native-tester-2600660f-25a6-4400-8d1e-4ed08ebe1af6.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Add fix for radio",
+  "packageName": "@fluentui-react-native/tester",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "none"
+}
diff --git a/change/@fluentui-react-native-text-b1ea1d13-9ce7-4949-902a-b4894ce95b80.json b/change/@fluentui-react-native-text-b1ea1d13-9ce7-4949-902a-b4894ce95b80.json
new file mode 100644
index 0000000000..17e97cf187
--- /dev/null
+++ b/change/@fluentui-react-native-text-b1ea1d13-9ce7-4949-902a-b4894ce95b80.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Fix text overflowing off the screen",
+  "packageName": "@fluentui-react-native/text",
+  "email": "ayushsinghs@yahoo.in",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/components/Badge/src/__tests__/__snapshots__/Badge.test.tsx.snap b/packages/components/Badge/src/__tests__/__snapshots__/Badge.test.tsx.snap
index f9ce57000a..193582e64c 100644
--- a/packages/components/Badge/src/__tests__/__snapshots__/Badge.test.tsx.snap
+++ b/packages/components/Badge/src/__tests__/__snapshots__/Badge.test.tsx.snap
@@ -39,6 +39,7 @@ exports[`Badge component tests Badge all props 1`] = `
     ♣
   </Text>
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -46,6 +47,7 @@ exports[`Badge component tests Badge all props 1`] = `
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -82,6 +84,7 @@ exports[`Badge component tests Badge tokens 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -89,6 +92,7 @@ exports[`Badge component tests Badge tokens 1`] = `
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -176,6 +180,7 @@ exports[`Badge component tests Filled badge with shadow 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       accessible={false}
       ellipsizeMode="tail"
       numberOfLines={0}
@@ -183,6 +188,7 @@ exports[`Badge component tests Filled badge with shadow 1`] = `
       style={
         Object {
           "color": "#ffffff",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 12,
           "fontWeight": "400",
@@ -234,12 +240,14 @@ exports[`CounterBadge component tests CounterBadge all props 1`] = `
     ♣
   </Text>
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     numberOfLines={0}
     onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontStyle": undefined,
@@ -278,12 +286,14 @@ exports[`CounterBadge component tests CounterBadge shows 99+ 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     numberOfLines={0}
     onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontStyle": undefined,
@@ -322,12 +332,14 @@ exports[`CounterBadge component tests CounterBadge shows 1000+ 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     numberOfLines={0}
     onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontStyle": undefined,
@@ -367,12 +379,14 @@ exports[`CounterBadge component tests CounterBadge shows zero 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     numberOfLines={0}
     onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontStyle": undefined,
@@ -411,12 +425,14 @@ exports[`CounterBadge component tests CounterBadge tokens 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     numberOfLines={0}
     onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontStyle": undefined,
diff --git a/packages/components/Button/src/FAB/__snapshots__/FAB.test.tsx.snap b/packages/components/Button/src/FAB/__snapshots__/FAB.test.tsx.snap
index 25f4e2395b..d9c3ed2e39 100644
--- a/packages/components/Button/src/FAB/__snapshots__/FAB.test.tsx.snap
+++ b/packages/components/Button/src/FAB/__snapshots__/FAB.test.tsx.snap
@@ -51,12 +51,14 @@ exports[`Custom FAB with no shadow(iOS) 1`] = `
     ♣
   </Text>
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 13,
         "fontWeight": "400",
@@ -151,12 +153,14 @@ exports[`Default FAB (iOS) 1`] = `
       ♣
     </Text>
     <Text
+      accessibilityRole="text"
       accessible={false}
       ellipsizeMode="tail"
       numberOfLines={0}
       style={
         Object {
           "color": "#ffffff",
+          "flexShrink": 1,
           "fontFamily": "System",
           "fontSize": 13,
           "fontWeight": "400",
diff --git a/packages/components/Button/src/ToggleButton/__snapshots__/ToggleButton.test.tsx.snap b/packages/components/Button/src/ToggleButton/__snapshots__/ToggleButton.test.tsx.snap
index 02dd0d8f8e..b44326889d 100644
--- a/packages/components/Button/src/ToggleButton/__snapshots__/ToggleButton.test.tsx.snap
+++ b/packages/components/Button/src/ToggleButton/__snapshots__/ToggleButton.test.tsx.snap
@@ -50,12 +50,14 @@ exports[`ToggleButton default 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
diff --git a/packages/components/Button/src/__snapshots__/Button.test.tsx.snap b/packages/components/Button/src/__snapshots__/Button.test.tsx.snap
index 5b47a25af5..4ef4862c1d 100644
--- a/packages/components/Button/src/__snapshots__/Button.test.tsx.snap
+++ b/packages/components/Button/src/__snapshots__/Button.test.tsx.snap
@@ -38,12 +38,14 @@ exports[`Button component tests Button circular 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
@@ -159,12 +161,14 @@ exports[`Button component tests Button customized 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
@@ -218,12 +222,14 @@ exports[`Button component tests Button default 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
@@ -282,12 +288,14 @@ exports[`Button component tests Button disabled 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#d2d0ce",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
@@ -342,12 +350,14 @@ exports[`Button component tests Button large 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 17,
         "fontWeight": "600",
@@ -402,12 +412,14 @@ exports[`Button component tests Button primary 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
@@ -462,12 +474,14 @@ exports[`Button component tests Button small 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 13,
         "fontWeight": "400",
@@ -522,12 +536,14 @@ exports[`Button component tests Button square 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#ffffff",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
@@ -582,12 +598,14 @@ exports[`Button component tests Button subtle 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
     style={
       Object {
         "color": "#323130",
+        "flexShrink": 1,
         "fontFamily": "System",
         "fontSize": 15,
         "fontWeight": "600",
diff --git a/packages/components/Divider/src/__tests__/__snapshots__/Divider.test.tsx.snap b/packages/components/Divider/src/__tests__/__snapshots__/Divider.test.tsx.snap
index 311b7056c4..03a8781053 100644
--- a/packages/components/Divider/src/__tests__/__snapshots__/Divider.test.tsx.snap
+++ b/packages/components/Divider/src/__tests__/__snapshots__/Divider.test.tsx.snap
@@ -129,12 +129,14 @@ exports[`Divider component tests Divider with all props + tokens set 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "red",
+          "flexShrink": 1,
           "fontFamily": "System",
           "fontSize": 10,
           "fontStyle": "italic",
@@ -262,12 +264,14 @@ exports[`Divider component tests Divider with text 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#424242",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 12,
           "fontWeight": "400",
diff --git a/packages/components/Link/src/__tests__/__snapshots__/Link.test.tsx.snap b/packages/components/Link/src/__tests__/__snapshots__/Link.test.tsx.snap
index 9a1e6d4b46..5d270bd429 100644
--- a/packages/components/Link/src/__tests__/__snapshots__/Link.test.tsx.snap
+++ b/packages/components/Link/src/__tests__/__snapshots__/Link.test.tsx.snap
@@ -31,6 +31,7 @@ exports[`Link component tests Default Link 1`] = `
   tooltip="https://www.bing.com"
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     focusable={false}
     numberOfLines={0}
@@ -38,6 +39,7 @@ exports[`Link component tests Default Link 1`] = `
       Object {
         "alignSelf": "flex-start",
         "color": "#0f6cbd",
+        "flexShrink": 1,
         "margin": 0,
         "variant": "caption1Strong",
       }
@@ -78,6 +80,7 @@ exports[`Link component tests Default Link as a pressable 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     focusable={false}
     numberOfLines={0}
@@ -85,6 +88,7 @@ exports[`Link component tests Default Link as a pressable 1`] = `
       Object {
         "alignSelf": "flex-start",
         "color": "#0f6cbd",
+        "flexShrink": 1,
         "margin": 0,
         "variant": "caption1Strong",
       }
@@ -123,6 +127,7 @@ exports[`Link component tests Inline Link 1`] = `
     Object {
       "alignSelf": "flex-start",
       "color": "#0f6cbd",
+      "flexShrink": 1,
       "margin": 0,
       "textDecorationLine": "underline",
       "variant": "caption1Strong",
@@ -166,6 +171,7 @@ exports[`Link component tests Subtle Link 1`] = `
   tooltip="https://www.bing.com"
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     focusable={false}
     numberOfLines={0}
@@ -173,6 +179,7 @@ exports[`Link component tests Subtle Link 1`] = `
       Object {
         "alignSelf": "flex-start",
         "color": "#0f6cbd",
+        "flexShrink": 1,
         "margin": 0,
         "variant": "caption1Strong",
       }
diff --git a/packages/components/Menu/src/__tests__/__snapshots__/Menu.test.tsx.snap b/packages/components/Menu/src/__tests__/__snapshots__/Menu.test.tsx.snap
index 710bd9cc4d..ad7a571e1a 100644
--- a/packages/components/Menu/src/__tests__/__snapshots__/Menu.test.tsx.snap
+++ b/packages/components/Menu/src/__tests__/__snapshots__/Menu.test.tsx.snap
@@ -68,6 +68,7 @@ exports[`Menu component tests Menu default 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -75,6 +76,7 @@ exports[`Menu component tests Menu default 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -159,6 +161,7 @@ exports[`Menu component tests Menu defaultOpen 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -166,6 +169,7 @@ exports[`Menu component tests Menu defaultOpen 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -250,6 +254,7 @@ exports[`Menu component tests Menu open 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -257,6 +262,7 @@ exports[`Menu component tests Menu open 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -341,6 +347,7 @@ exports[`Menu component tests Menu open checkbox and divider 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -348,6 +355,7 @@ exports[`Menu component tests Menu open checkbox and divider 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -432,6 +440,7 @@ exports[`Menu component tests Menu open checkbox checked 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -439,6 +448,7 @@ exports[`Menu component tests Menu open checkbox checked 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -523,6 +533,7 @@ exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -530,6 +541,7 @@ exports[`Menu component tests Menu open checkbox defaultChecked 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -614,6 +626,7 @@ exports[`Menu component tests Menu open radio 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -621,6 +634,7 @@ exports[`Menu component tests Menu open radio 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
@@ -705,6 +719,7 @@ exports[`Menu component tests Menu submenu 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -712,6 +727,7 @@ exports[`Menu component tests Menu submenu 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
diff --git a/packages/components/Notification/src/__tests__/__snapshots__/Notification.test.tsx.snap b/packages/components/Notification/src/__tests__/__snapshots__/Notification.test.tsx.snap
index 3cd59fa146..b45e86b105 100644
--- a/packages/components/Notification/src/__tests__/__snapshots__/Notification.test.tsx.snap
+++ b/packages/components/Notification/src/__tests__/__snapshots__/Notification.test.tsx.snap
@@ -69,12 +69,14 @@ exports[`Notification component tests Notification default 1`] = `
       }
     >
       <Text
+        accessibilityRole="text"
         ellipsizeMode="tail"
         numberOfLines={0}
         style={
           Object {
             "alignSelf": "flex-start",
             "color": "#0f548c",
+            "flexShrink": 1,
             "fontFamily": "System",
             "fontSize": 15,
             "fontWeight": "400",
@@ -138,12 +140,14 @@ exports[`Notification component tests Notification default 1`] = `
       }
     >
       <Text
+        accessibilityRole="text"
         accessible={false}
         ellipsizeMode="tail"
         numberOfLines={0}
         style={
           Object {
             "color": "#0f548c",
+            "flexShrink": 1,
             "fontFamily": "System",
             "fontSize": 15,
             "fontWeight": "600",
diff --git a/packages/components/text/src/Text.tsx b/packages/components/text/src/Text.tsx
index 0ddbb9e62c..01be761a75 100644
--- a/packages/components/text/src/Text.tsx
+++ b/packages/components/text/src/Text.tsx
@@ -96,6 +96,7 @@ export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTo
   // now build the text style from tokens that can be shared between different Text instances
   const [tokenStyle] = cache(
     () => ({
+      flexShrink: 1, // Fixes bug in RN where text does not wrap correctly.  RN bug #1438
       margin: 0,
       color: tokens.color,
       fontStyle: tokens.fontStyle,
@@ -138,7 +139,8 @@ export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTo
 
   // return a continuation function that allows this text to be compressed
   return (extra: TextProps, children: React.ReactNode) => {
-    const mergedProps = {
+    const mergedProps: TextProps = {
+      accessibilityRole: 'text',
       ...rest,
       ...keyProps,
       ...filteredProps,
diff --git a/packages/components/text/src/__tests__/__snapshots__/Text.test.tsx.snap b/packages/components/text/src/__tests__/__snapshots__/Text.test.tsx.snap
index 180f685128..27cbf809ff 100644
--- a/packages/components/text/src/__tests__/__snapshots__/Text.test.tsx.snap
+++ b/packages/components/text/src/__tests__/__snapshots__/Text.test.tsx.snap
@@ -2,11 +2,13 @@
 
 exports[`Text component tests Text all props 1`] = `
 <Text
+  accessibilityRole="text"
   ellipsizeMode="tail"
   numberOfLines={0}
   style={
     Object {
       "color": "#323130",
+      "flexShrink": 1,
       "fontFamily": "Segoe UI",
       "fontSize": 14,
       "fontStyle": undefined,
@@ -25,11 +27,13 @@ exports[`Text component tests Text all props 1`] = `
 
 exports[`Text component tests Text all tokens 1`] = `
 <Text
+  accessibilityRole="text"
   ellipsizeMode="tail"
   numberOfLines={0}
   style={
     Object {
       "color": "#323130",
+      "flexShrink": 1,
       "fontFamily": "Wingdings",
       "fontSize": 20,
       "fontStyle": undefined,
@@ -48,11 +52,13 @@ exports[`Text component tests Text all tokens 1`] = `
 
 exports[`Text component tests Text default 1`] = `
 <Text
+  accessibilityRole="text"
   ellipsizeMode="tail"
   numberOfLines={0}
   style={
     Object {
       "color": "#323130",
+      "flexShrink": 1,
       "fontFamily": "Segoe UI",
       "fontSize": 13,
       "fontStyle": undefined,
@@ -71,11 +77,13 @@ exports[`Text component tests Text default 1`] = `
 
 exports[`Text component tests Text variants render correctly with style 1`] = `
 <Text
+  accessibilityRole="text"
   ellipsizeMode="tail"
   numberOfLines={0}
   style={
     Object {
       "color": "blue",
+      "flexShrink": 1,
       "fontFamily": "Segoe UI",
       "fontSize": 60,
       "fontWeight": "600",
diff --git a/packages/experimental/MenuButton/src/__tests__/__snapshots__/MenuButton.test.tsx.snap b/packages/experimental/MenuButton/src/__tests__/__snapshots__/MenuButton.test.tsx.snap
index f1fefa15e6..5733b6f8f3 100644
--- a/packages/experimental/MenuButton/src/__tests__/__snapshots__/MenuButton.test.tsx.snap
+++ b/packages/experimental/MenuButton/src/__tests__/__snapshots__/MenuButton.test.tsx.snap
@@ -52,6 +52,7 @@ exports[`ContextualMenu default 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     accessible={false}
     ellipsizeMode="tail"
     numberOfLines={0}
@@ -59,6 +60,7 @@ exports[`ContextualMenu default 1`] = `
     style={
       Object {
         "color": "#242424",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 12,
         "fontWeight": "400",
diff --git a/packages/experimental/RadioGroup/src/Radio/Radio.styling.ts b/packages/experimental/RadioGroup/src/Radio/Radio.styling.ts
index 62e622f77d..045ce9f2b8 100644
--- a/packages/experimental/RadioGroup/src/Radio/Radio.styling.ts
+++ b/packages/experimental/RadioGroup/src/Radio/Radio.styling.ts
@@ -80,6 +80,7 @@ export const stylingSettings: UseStylingOptions<RadioProps, RadioSlotProps, Radi
           padding: tokens.labelPadding,
           paddingRight: 0,
           ...borderStyles.from(tokens, theme),
+          flexShrink: 1,
         },
       }),
       ['labelAlignItems', 'labelMarginRight', 'labelMarginLeft', 'labelPadding', ...borderStyles.keys],
diff --git a/packages/experimental/RadioGroup/src/Radio/__snapshots__/RadioExperimental.test.tsx.snap b/packages/experimental/RadioGroup/src/Radio/__snapshots__/RadioExperimental.test.tsx.snap
index e4618d7ac0..1cf0d20ae3 100644
--- a/packages/experimental/RadioGroup/src/Radio/__snapshots__/RadioExperimental.test.tsx.snap
+++ b/packages/experimental/RadioGroup/src/Radio/__snapshots__/RadioExperimental.test.tsx.snap
@@ -118,6 +118,7 @@ exports[`Radio component tests Radio default 1`] = `
         "borderStyle": "solid",
         "borderWidth": 2,
         "flexDirection": "column",
+        "flexShrink": 1,
         "marginLeft": 0,
         "marginRight": 0,
         "padding": undefined,
@@ -126,12 +127,14 @@ exports[`Radio component tests Radio default 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#242424",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 12,
           "fontWeight": "400",
@@ -270,6 +273,7 @@ exports[`Radio component tests Radio disabled 1`] = `
         "borderStyle": "solid",
         "borderWidth": 2,
         "flexDirection": "column",
+        "flexShrink": 1,
         "marginLeft": 0,
         "marginRight": 0,
         "padding": undefined,
@@ -278,12 +282,14 @@ exports[`Radio component tests Radio disabled 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#bdbdbd",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 12,
           "fontWeight": "400",
diff --git a/packages/experimental/RadioGroup/src/RadioGroup/__snapshots__/RadioGroupExperimental.test.tsx.snap b/packages/experimental/RadioGroup/src/RadioGroup/__snapshots__/RadioGroupExperimental.test.tsx.snap
index 7735197734..559b5e11a8 100644
--- a/packages/experimental/RadioGroup/src/RadioGroup/__snapshots__/RadioGroupExperimental.test.tsx.snap
+++ b/packages/experimental/RadioGroup/src/RadioGroup/__snapshots__/RadioGroupExperimental.test.tsx.snap
@@ -31,12 +31,14 @@ exports[`RadioGroup component tests Radio not direct child of radio group 1`] =
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#323130",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 16,
           "fontWeight": "600",
@@ -177,6 +179,7 @@ exports[`RadioGroup component tests Radio not direct child of radio group 1`] =
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -185,12 +188,14 @@ exports[`RadioGroup component tests Radio not direct child of radio group 1`] =
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -321,6 +326,7 @@ exports[`RadioGroup component tests Radio not direct child of radio group 1`] =
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -329,12 +335,14 @@ exports[`RadioGroup component tests Radio not direct child of radio group 1`] =
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -384,12 +392,14 @@ exports[`RadioGroup component tests RadioGroup default 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#323130",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 16,
           "fontWeight": "600",
@@ -530,6 +540,7 @@ exports[`RadioGroup component tests RadioGroup default 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -538,12 +549,14 @@ exports[`RadioGroup component tests RadioGroup default 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -674,6 +687,7 @@ exports[`RadioGroup component tests RadioGroup default 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -682,12 +696,14 @@ exports[`RadioGroup component tests RadioGroup default 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -737,12 +753,14 @@ exports[`RadioGroup component tests RadioGroup disabled 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#bdbdbd",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 16,
           "fontWeight": "600",
@@ -888,6 +906,7 @@ exports[`RadioGroup component tests RadioGroup disabled 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -896,12 +915,14 @@ exports[`RadioGroup component tests RadioGroup disabled 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#bdbdbd",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -1037,6 +1058,7 @@ exports[`RadioGroup component tests RadioGroup disabled 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -1045,12 +1067,14 @@ exports[`RadioGroup component tests RadioGroup disabled 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#bdbdbd",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -1101,12 +1125,14 @@ exports[`RadioGroup component tests RadioGroup horizontal 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#323130",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 16,
           "fontWeight": "600",
@@ -1247,6 +1273,7 @@ exports[`RadioGroup component tests RadioGroup horizontal 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -1255,12 +1282,14 @@ exports[`RadioGroup component tests RadioGroup horizontal 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -1391,6 +1420,7 @@ exports[`RadioGroup component tests RadioGroup horizontal 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -1399,12 +1429,14 @@ exports[`RadioGroup component tests RadioGroup horizontal 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -1455,12 +1487,14 @@ exports[`RadioGroup component tests RadioGroup horizontal-stacked 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#323130",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 16,
           "fontWeight": "600",
@@ -1601,6 +1635,7 @@ exports[`RadioGroup component tests RadioGroup horizontal-stacked 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": 2,
@@ -1609,12 +1644,14 @@ exports[`RadioGroup component tests RadioGroup horizontal-stacked 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -1745,6 +1782,7 @@ exports[`RadioGroup component tests RadioGroup horizontal-stacked 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": 2,
@@ -1753,12 +1791,14 @@ exports[`RadioGroup component tests RadioGroup horizontal-stacked 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -1808,12 +1848,14 @@ exports[`RadioGroup component tests RadioGroup required 1`] = `
     }
   >
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#323130",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 16,
           "fontWeight": "600",
@@ -1824,12 +1866,14 @@ exports[`RadioGroup component tests RadioGroup required 1`] = `
       Required RadioGroup
     </Text>
     <Text
+      accessibilityRole="text"
       ellipsizeMode="tail"
       numberOfLines={0}
       onAccessibilityTap={[Function]}
       style={
         Object {
           "color": "#750b1c",
+          "flexShrink": 1,
           "fontFamily": "Segoe UI",
           "fontSize": 16,
           "fontWeight": "600",
@@ -1971,6 +2015,7 @@ exports[`RadioGroup component tests RadioGroup required 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -1979,12 +2024,14 @@ exports[`RadioGroup component tests RadioGroup required 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
@@ -2115,6 +2162,7 @@ exports[`RadioGroup component tests RadioGroup required 1`] = `
               "borderStyle": "solid",
               "borderWidth": 2,
               "flexDirection": "column",
+              "flexShrink": 1,
               "marginLeft": 0,
               "marginRight": 0,
               "padding": undefined,
@@ -2123,12 +2171,14 @@ exports[`RadioGroup component tests RadioGroup required 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 12,
                 "fontWeight": "400",
diff --git a/packages/experimental/Tabs/src/__tests__/__snapshots__/Tabs.test.tsx.snap b/packages/experimental/Tabs/src/__tests__/__snapshots__/Tabs.test.tsx.snap
index 8a284fe09b..72aa39beed 100644
--- a/packages/experimental/Tabs/src/__tests__/__snapshots__/Tabs.test.tsx.snap
+++ b/packages/experimental/Tabs/src/__tests__/__snapshots__/Tabs.test.tsx.snap
@@ -1002,12 +1002,14 @@ exports[`Tabs header text and count 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 14,
                 "fontWeight": "600",
@@ -1102,12 +1104,14 @@ exports[`Tabs header text and count 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#616161",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 14,
                 "fontWeight": "400",
@@ -1202,12 +1206,14 @@ exports[`Tabs header text and count 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#616161",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 14,
                 "fontWeight": "400",
@@ -1568,12 +1574,14 @@ exports[`Tabs props 1`] = `
   }
 >
   <Text
+    accessibilityRole="text"
     ellipsizeMode="tail"
     numberOfLines={0}
     onAccessibilityTap={[Function]}
     style={
       Object {
         "color": "#323130",
+        "flexShrink": 1,
         "fontFamily": "Segoe UI",
         "fontSize": 16,
         "fontWeight": "600",
@@ -1665,12 +1673,14 @@ exports[`Tabs props 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#bdbdbd",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 14,
                 "fontWeight": "400",
@@ -1765,12 +1775,14 @@ exports[`Tabs props 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#242424",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 14,
                 "fontWeight": "600",
@@ -1865,12 +1877,14 @@ exports[`Tabs props 1`] = `
           }
         >
           <Text
+            accessibilityRole="text"
             ellipsizeMode="tail"
             numberOfLines={0}
             onAccessibilityTap={[Function]}
             style={
               Object {
                 "color": "#616161",
+                "flexShrink": 1,
                 "fontFamily": "Segoe UI",
                 "fontSize": 14,
                 "fontWeight": "400",