diff --git a/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap
index 47271731..8cf24067 100644
--- a/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Text/__tests__/__snapshots__/index-test.js.snap
@@ -22,7 +22,6 @@ exports[`components/Text nested 1`] = `
   <span
     class="css-text-901oao css-textHasAncestor-16my406"
     data-testid="child"
-    dir="auto"
   />
 </div>
 `;
diff --git a/packages/react-native-web/src/exports/Text/index.js b/packages/react-native-web/src/exports/Text/index.js
index 29647d97..a14585c4 100644
--- a/packages/react-native-web/src/exports/Text/index.js
+++ b/packages/react-native-web/src/exports/Text/index.js
@@ -153,8 +153,11 @@ const Text = forwardRef<TextProps, *>((props, forwardedRef) => {
   const component = hasTextAncestor ? 'span' : 'div';
   const supportedProps = pickProps(props);
   supportedProps.classList = classList;
-  // 'auto' by default allows browsers to infer writing direction
-  supportedProps.dir = dir !== undefined ? dir : 'auto';
+  supportedProps.dir = dir;
+  // 'auto' by default allows browsers to infer writing direction (root elements only)
+  if (!hasTextAncestor) {
+    supportedProps.dir = dir != null ? dir : 'auto';
+  }
   supportedProps.onClick = handleClick;
   supportedProps.ref = setRef;
   supportedProps.style = style;