diff --git a/packages/react-native-web-docs/src/pages/docs/components/view.md b/packages/react-native-web-docs/src/pages/docs/components/view.md
index 01ed1fbbf..046390b4c 100644
--- a/packages/react-native-web-docs/src/pages/docs/components/view.md
+++ b/packages/react-native-web-docs/src/pages/docs/components/view.md
@@ -14,7 +14,7 @@ eleventyNavigation:
 The fundamental layout primitive.
 :::
 
-View uses a flexbox column layout by default. Every instance of `View` uses relative positioning by default and the `zIndex` can only be used to control the relative Z-axis stacking of siblings within their parent.
+View uses a flexbox column layout by default. Every instance of `View` uses relative positioning by default.
 
 Raw text nodes are **not** allowed as children of View. A View nested within a Text will render inline without altering its display or that of its children.
 
diff --git a/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap
index 6e713a603..caa96b2bf 100644
--- a/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/ActivityIndicator/__tests__/__snapshots__/index-test.js.snap
@@ -5,11 +5,11 @@ exports[`components/ActivityIndicator prop "accessibilityLabel" value is set 1`]
   aria-label="accessibility label"
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -42,11 +42,11 @@ exports[`components/ActivityIndicator prop "accessibilityLiveRegion" value is se
   aria-live="polite"
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -78,11 +78,11 @@ exports[`components/ActivityIndicator prop "animating" is "false" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
   >
     <svg
       height="100%"
@@ -114,11 +114,11 @@ exports[`components/ActivityIndicator prop "animating" is "true" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -175,13 +175,13 @@ exports[`components/ActivityIndicator prop "dataSet" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   data-one="one"
   data-two="two"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -213,11 +213,11 @@ exports[`components/ActivityIndicator prop "hidesWhenStopped" is "false" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w"
   >
     <svg
       height="100%"
@@ -249,11 +249,11 @@ exports[`components/ActivityIndicator prop "hidesWhenStopped" is "true" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0 r-animationPlayState-1abnn5w r-visibility-11j9u27"
   >
     <svg
       height="100%"
@@ -285,12 +285,12 @@ exports[`components/ActivityIndicator prop "nativeID" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   id="123"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -322,11 +322,11 @@ exports[`components/ActivityIndicator prop "size" is "large" 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-1r8g8re r-width-1acpoxo r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-1r8g8re r-width-1acpoxo r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -358,11 +358,11 @@ exports[`components/ActivityIndicator prop "size" is a number 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
     style="height: 30px; width: 30px;"
   >
     <svg
@@ -395,12 +395,12 @@ exports[`components/ActivityIndicator prop "style" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   role="progressbar"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
@@ -432,12 +432,12 @@ exports[`components/ActivityIndicator prop "testID" value is set 1`] = `
 <div
   aria-valuemax="1"
   aria-valuemin="0"
-  class="css-view-g5y9jx r-alignItems-1awozwy r-justifyContent-1777fci"
+  class="css-view-1bh9chl r-alignItems-1awozwy r-justifyContent-1777fci"
   data-testid="123"
   role="progressbar"
 >
   <div
-    class="css-view-g5y9jx r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
+    class="css-view-1bh9chl r-height-z80fyv r-width-19wmn03 r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-1yef0xd r-animationTimingFunction-1ldzwu0"
   >
     <svg
       height="100%"
diff --git a/packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap
index 597eebcf9..f372662df 100644
--- a/packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/AppRegistry/__tests__/__snapshots__/index-test.js.snap
@@ -8,7 +8,7 @@ exports[`AppRegistry runApplication styles roots in different documents 1`] = `
   "html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}",
   "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
   "[stylesheet-group="1"] {}",
-  ".css-view-g5y9jx {align-content: flex-start; align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0;}",
+  ".css-view-1bh9chl {align-content: flex-start; align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: auto;}",
   "[stylesheet-group="2"] {}",
   ".r-display-xoduu5 {display: inline-flex;}",
   ".r-flex-13awgt0 {flex: 1;}",
@@ -36,7 +36,7 @@ exports[`AppRegistry runApplication styles roots in different documents 2`] = `
   "html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);}",
   "input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-search-results-button,input::-webkit-search-results-decoration {display: none;}",
   "[stylesheet-group="1"] {}",
-  ".css-view-g5y9jx {align-content: flex-start; align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: 0;}",
+  ".css-view-1bh9chl {align-content: flex-start; align-items: stretch; background-color: rgba(0,0,0,0.00); border: 0 solid black; box-sizing: border-box; display: flex; flex-basis: auto; flex-direction: column; flex-shrink: 0; list-style: none; margin: 0px; min-height: 0px; min-width: 0px; padding: 0px; position: relative; text-decoration: none; z-index: auto;}",
   "[stylesheet-group="2"] {}",
   ".r-display-xoduu5 {display: inline-flex;}",
   ".r-flex-13awgt0 {flex: 1;}",
diff --git a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js
index 082bdd1fe..df8f94809 100644
--- a/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js
+++ b/packages/react-native-web/src/exports/AppRegistry/__tests__/index-test.node.js
@@ -47,7 +47,7 @@ describe('AppRegistry', () => {
         [stylesheet-group="1"]{}
         .css-text-146c3p1{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1.00);display:inline;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;list-style:none;margin:0px;padding:0px;position:relative;text-align:start;text-decoration:none;white-space:pre-wrap;word-wrap:break-word;}
         .css-textHasAncestor-1jxf684{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:inherit;display:inline;font:inherit;list-style:none;margin:0px;padding:0px;position:relative;text-align:inherit;text-decoration:none;white-space:inherit;word-wrap:break-word;}
-        .css-view-g5y9jx{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        .css-view-1bh9chl{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:auto;}
         [stylesheet-group="2"]{}
         .r-display-krxsd3{display:-webkit-box;}
         .r-display-xoduu5{display:inline-flex;}
@@ -106,7 +106,7 @@ describe('AppRegistry', () => {
         [stylesheet-group="1"]{}
         .css-text-146c3p1{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1.00);display:inline;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;list-style:none;margin:0px;padding:0px;position:relative;text-align:start;text-decoration:none;white-space:pre-wrap;word-wrap:break-word;}
         .css-textHasAncestor-1jxf684{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:inherit;display:inline;font:inherit;list-style:none;margin:0px;padding:0px;position:relative;text-align:inherit;text-decoration:none;white-space:inherit;word-wrap:break-word;}
-        .css-view-g5y9jx{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        .css-view-1bh9chl{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:auto;}
         [stylesheet-group="2"]{}
         .r-display-krxsd3{display:-webkit-box;}
         .r-display-xoduu5{display:inline-flex;}
@@ -156,7 +156,7 @@ describe('AppRegistry', () => {
         [stylesheet-group="1"]{}
         .css-text-146c3p1{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:rgba(0,0,0,1.00);display:inline;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;list-style:none;margin:0px;padding:0px;position:relative;text-align:start;text-decoration:none;white-space:pre-wrap;word-wrap:break-word;}
         .css-textHasAncestor-1jxf684{background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;color:inherit;display:inline;font:inherit;list-style:none;margin:0px;padding:0px;position:relative;text-align:inherit;text-decoration:none;white-space:inherit;word-wrap:break-word;}
-        .css-view-g5y9jx{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:0;}
+        .css-view-1bh9chl{align-content:flex-start;align-items:stretch;background-color:rgba(0,0,0,0.00);border:0 solid black;box-sizing:border-box;display:flex;flex-basis:auto;flex-direction:column;flex-shrink:0;list-style:none;margin:0px;min-height:0px;min-width:0px;padding:0px;position:relative;text-decoration:none;z-index:auto;}
         [stylesheet-group="2"]{}
         .r-borderWidth-1bee2fs{border-bottom-width:1234px;border-left-width:1234px;border-right-width:1234px;border-top-width:1234px;}
         .r-display-krxsd3{display:-webkit-box;}
diff --git a/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap
index 0ff35570c..781b5bf99 100644
--- a/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/CheckBox/__tests__/__snapshots__/index-test.js.snap
@@ -3,10 +3,10 @@
 exports[`CheckBox prop "accessibilityLabel" value is set 1`] = `
 <div
   aria-label="accessibility label"
-  class="css-view-g5y9jx r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
 >
   <div
-    class="css-view-g5y9jx r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-1bh9chl r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-appearance-30o5oe r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -18,10 +18,10 @@ exports[`CheckBox prop "accessibilityLabel" value is set 1`] = `
 exports[`CheckBox prop "accessibilityReadOnly" value is set 1`] = `
 <div
   aria-readonly="true"
-  class="css-view-g5y9jx r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
 >
   <div
-    class="css-view-g5y9jx r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-1bh9chl r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-appearance-30o5oe r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -33,10 +33,10 @@ exports[`CheckBox prop "accessibilityReadOnly" value is set 1`] = `
 
 exports[`CheckBox prop "color" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
 >
   <div
-    class="css-view-g5y9jx r-alignItems-1awozwy r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu r-backgroundImage-rs94m5 r-backgroundRepeat-u6sd8q"
+    class="css-view-1bh9chl r-alignItems-1awozwy r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu r-backgroundImage-rs94m5 r-backgroundRepeat-u6sd8q"
     style="background-color: rgb(173, 216, 230); border-top-color: rgba(173,216,230,1.00); border-right-color: rgba(173,216,230,1.00); border-bottom-color: rgba(173,216,230,1.00); border-left-color: rgba(173,216,230,1.00);"
   />
   <input
@@ -49,12 +49,12 @@ exports[`CheckBox prop "color" value is set 1`] = `
 
 exports[`CheckBox prop "dataSet" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   data-one="one"
   data-two="two"
 >
   <div
-    class="css-view-g5y9jx r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-1bh9chl r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-appearance-30o5oe r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -65,11 +65,11 @@ exports[`CheckBox prop "dataSet" value is set 1`] = `
 
 exports[`CheckBox prop "nativeID" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   id="123"
 >
   <div
-    class="css-view-g5y9jx r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-1bh9chl r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-appearance-30o5oe r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -80,11 +80,11 @@ exports[`CheckBox prop "nativeID" value is set 1`] = `
 
 exports[`CheckBox prop "style" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
 >
   <div
-    class="css-view-g5y9jx r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-1bh9chl r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-appearance-30o5oe r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
@@ -95,11 +95,11 @@ exports[`CheckBox prop "style" value is set 1`] = `
 
 exports[`CheckBox prop "testID" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-height-10ptun7 r-userSelect-lrvibr r-width-1janqcz"
   data-testid="123"
 >
   <div
-    class="css-view-g5y9jx r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
+    class="css-view-1bh9chl r-alignItems-1awozwy r-backgroundColor-14lw9ot r-borderColor-1awa8pu r-borderRadius-1jkafct r-borderStyle-1phboty r-borderWidth-d045u9 r-height-1pi2tsx r-justifyContent-1777fci r-width-13qz1uu"
   />
   <input
     class="r-appearance-30o5oe r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-margin-crgep1 r-padding-t60dpp r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-cursor-1ei5mc7"
diff --git a/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap
index 6c5e5f1e1..5c5eb472e 100644
--- a/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap
@@ -3,10 +3,10 @@
 exports[`components/Image prop "aria-label" 1`] = `
 <div
   aria-label="accessibilityLabel"
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -20,10 +20,10 @@ exports[`components/Image prop "aria-label" 1`] = `
 
 exports[`components/Image prop "blurRadius" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico); filter: blur(5px);"
   />
   <img
@@ -37,11 +37,11 @@ exports[`components/Image prop "blurRadius" 1`] = `
 
 exports[`components/Image prop "defaultSource" does not override "height" and "width" styles 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   style="height: 20px; width: 40px;"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -55,11 +55,11 @@ exports[`components/Image prop "defaultSource" does not override "height" and "w
 
 exports[`components/Image prop "defaultSource" sets "height" and "width" styles if missing 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   style="height: 10px; width: 20px;"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -73,10 +73,10 @@ exports[`components/Image prop "defaultSource" sets "height" and "width" styles
 
 exports[`components/Image prop "defaultSource" sets background image when value is a string 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -90,10 +90,10 @@ exports[`components/Image prop "defaultSource" sets background image when value
 
 exports[`components/Image prop "defaultSource" sets background image when value is an object 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -107,10 +107,10 @@ exports[`components/Image prop "defaultSource" sets background image when value
 
 exports[`components/Image prop "draggable" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -124,92 +124,92 @@ exports[`components/Image prop "draggable" 1`] = `
 
 exports[`components/Image prop "focusable" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   tabindex="0"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "nativeID" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   id="nativeID"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "contain" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-ehq7j7"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "cover" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "none" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundSize-1sxrcry"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundSize-1sxrcry"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "repeat" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundRepeat-17leim2 r-backgroundSize-1sxrcry"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundPosition-1mrlafo r-backgroundRepeat-17leim2 r-backgroundSize-1sxrcry"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "stretch" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-x3cy2q"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-x3cy2q"
   />
 </div>
 `;
 
 exports[`components/Image prop "resizeMode" value "undefined" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "source" is correctly updated only when loaded if defaultSource provided 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://testing.com/preview.jpg);"
   />
   <img
@@ -223,10 +223,10 @@ exports[`components/Image prop "source" is correctly updated only when loaded if
 
 exports[`components/Image prop "source" is correctly updated only when loaded if defaultSource provided 2`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://testing.com/fullSize.jpg);"
   />
   <img
@@ -240,10 +240,10 @@ exports[`components/Image prop "source" is correctly updated only when loaded if
 
 exports[`components/Image prop "source" is correctly updated when missing in initial render 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://testing.com/img.jpg);"
   />
   <img
@@ -257,10 +257,10 @@ exports[`components/Image prop "source" is correctly updated when missing in ini
 
 exports[`components/Image prop "source" is not set immediately if the image has not already been loaded 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -274,10 +274,10 @@ exports[`components/Image prop "source" is not set immediately if the image has
 
 exports[`components/Image prop "source" is set immediately if the image has already been loaded 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico);"
   />
   <img
@@ -291,10 +291,10 @@ exports[`components/Image prop "source" is set immediately if the image has alre
 
 exports[`components/Image prop "source" is set immediately if the image has already been loaded 2`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://twitter.com/favicon.ico);"
   />
   <img
@@ -308,10 +308,10 @@ exports[`components/Image prop "source" is set immediately if the image has alre
 
 exports[`components/Image prop "source" is set immediately if the image was preloaded 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://yahoo.com/favicon.ico);"
   />
   <img
@@ -325,10 +325,10 @@ exports[`components/Image prop "source" is set immediately if the image was prel
 
 exports[`components/Image prop "style" removes other unsupported View styles 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="filter: url(#tint-55);"
   />
   <svg
@@ -353,10 +353,10 @@ exports[`components/Image prop "style" removes other unsupported View styles 1`]
 
 exports[`components/Image prop "style" supports "shadow" properties (converts to filter) 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="filter: drop-shadow(1px 1px 0px rgba(255,0,0,1.00));"
   />
 </div>
@@ -364,32 +364,32 @@ exports[`components/Image prop "style" supports "shadow" properties (converts to
 
 exports[`components/Image prop "style" supports static and dynamic styles 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010 pos-abs"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010 pos-abs"
   style="transition-timing-function: ease-in;"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "testID" 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
   data-testid="testID"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
   />
 </div>
 `;
 
 exports[`components/Image prop "tintColor" convert to filter 1`] = `
 <div
-  class="css-view-g5y9jx r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+  class="css-view-1bh9chl r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
 >
   <div
-    class="css-view-g5y9jx r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
+    class="css-view-1bh9chl r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw r-backgroundSize-4gszlv"
     style="background-image: url(https://google.com/favicon.ico); filter: url(#tint-57);"
   />
   <img
diff --git a/packages/react-native-web/src/exports/Modal/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Modal/__tests__/__snapshots__/index-test.js.snap
index a248c5065..ca4644f10 100644
--- a/packages/react-native-web/src/exports/Modal/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Modal/__tests__/__snapshots__/index-test.js.snap
@@ -5,12 +5,12 @@ exports[`components/Modal forwards props 1`] = `
   aria-label="label"
   aria-labelledby="labelledby"
   aria-modal="true"
-  class="css-view-g5y9jx r-bottom-1p0dtai r-left-1d2f490 r-position-1xcajam r-right-zchlnj r-top-ipm5af r-backgroundColor-14lw9ot"
+  class="css-view-1bh9chl r-bottom-1p0dtai r-left-1d2f490 r-position-1xcajam r-right-zchlnj r-top-ipm5af r-backgroundColor-14lw9ot"
   data-testid="root"
   role="dialog"
 >
   <div
-    class="css-view-g5y9jx r-flex-13awgt0 r-top-ipm5af"
+    class="css-view-1bh9chl r-flex-13awgt0 r-top-ipm5af"
   />
 </div>
 `;
diff --git a/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap
index 683a938cd..10bba768e 100644
--- a/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Pressable/__tests__/__snapshots__/index-test.js.snap
@@ -2,21 +2,21 @@
 
 exports[`components/Pressable default 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable focus interaction 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable focus interaction 2`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: focus-ring;"
   tabindex="0"
 >
@@ -28,7 +28,7 @@ exports[`components/Pressable focus interaction 2`] = `
 
 exports[`components/Pressable focus interaction 3`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style=""
   tabindex="0"
 />
@@ -36,14 +36,14 @@ exports[`components/Pressable focus interaction 3`] = `
 
 exports[`components/Pressable hover interaction 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable hover interaction 2`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: hover-ring;"
   tabindex="0"
 >
@@ -55,7 +55,7 @@ exports[`components/Pressable hover interaction 2`] = `
 
 exports[`components/Pressable hover interaction 3`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style=""
   tabindex="0"
 />
@@ -63,14 +63,14 @@ exports[`components/Pressable hover interaction 3`] = `
 
 exports[`components/Pressable press interaction (keyboard) trigger press when keyup is on the same element 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable press interaction (keyboard) trigger press when keyup is on the same element 2`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: press-ring;"
   tabindex="0"
 >
@@ -84,14 +84,14 @@ exports[`components/Pressable press interaction (keyboard) trigger press when ke
 
 exports[`components/Pressable press interaction (pointer) 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable press interaction (pointer) 2`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style="outline: press-ring;"
   tabindex="0"
 >
@@ -103,7 +103,7 @@ exports[`components/Pressable press interaction (pointer) 2`] = `
 
 exports[`components/Pressable press interaction (pointer) 3`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style=""
   tabindex="0"
 />
@@ -112,7 +112,7 @@ exports[`components/Pressable press interaction (pointer) 3`] = `
 exports[`components/Pressable prop "accessibilityLabel" value is set 1`] = `
 <div
   aria-label="label"
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
@@ -120,14 +120,14 @@ exports[`components/Pressable prop "accessibilityLabel" value is set 1`] = `
 exports[`components/Pressable prop "accessibilityLiveRegion" value is set 1`] = `
 <div
   aria-live="polite"
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable prop "accessibilityRole" value alters HTML element 1`] = `
 <article
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   role="article"
   tabindex="0"
 />
@@ -135,7 +135,7 @@ exports[`components/Pressable prop "accessibilityRole" value alters HTML element
 
 exports[`components/Pressable prop "accessibilityRole" value is "button" 1`] = `
 <button
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   role="button"
   tabindex="0"
   type="button"
@@ -144,7 +144,7 @@ exports[`components/Pressable prop "accessibilityRole" value is "button" 1`] = `
 
 exports[`components/Pressable prop "accessibilityRole" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   role="presentation"
   tabindex="0"
 />
@@ -153,14 +153,14 @@ exports[`components/Pressable prop "accessibilityRole" value is set 1`] = `
 exports[`components/Pressable prop "disabled" 1`] = `
 <div
   aria-disabled="true"
-  class="css-view-g5y9jx r-pointerEvents-12vffkv"
+  class="css-view-1bh9chl r-pointerEvents-12vffkv"
   tabindex="-1"
 />
 `;
 
 exports[`components/Pressable prop "href" 1`] = `
 <a
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   href="#href"
   tabindex="0"
 />
@@ -168,7 +168,7 @@ exports[`components/Pressable prop "href" 1`] = `
 
 exports[`components/Pressable prop "nativeID" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   id="nativeID"
   tabindex="0"
 />
@@ -176,14 +176,14 @@ exports[`components/Pressable prop "nativeID" value is set 1`] = `
 
 exports[`components/Pressable prop "pointerEvents" 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73 r-pointerEvents-ah5dr5"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73 r-pointerEvents-ah5dr5"
   tabindex="0"
 />
 `;
 
 exports[`components/Pressable prop "style" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
   tabindex="0"
 />
@@ -191,7 +191,7 @@ exports[`components/Pressable prop "style" value is set 1`] = `
 
 exports[`components/Pressable prop "testID" value is set 1`] = `
 <div
-  class="css-view-g5y9jx r-cursor-1loqt21 r-touchAction-1otgn73"
+  class="css-view-1bh9chl r-cursor-1loqt21 r-touchAction-1otgn73"
   data-testid="123"
   tabindex="0"
 />
diff --git a/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap
index 7ecce488e..d68c66360 100644
--- a/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/ScrollView/__tests__/__snapshots__/index-test.js.snap
@@ -2,22 +2,22 @@
 
 exports[`components/ScrollView prop "centerContent" with 1`] = `
 <div
-  class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
+  class="css-view-1bh9chl r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
   style="background-color: rgb(0, 0, 255);"
 >
   <div
-    class="css-view-g5y9jx r-flexGrow-16y2uox r-justifyContent-1777fci"
+    class="css-view-1bh9chl r-flexGrow-16y2uox r-justifyContent-1777fci"
   />
 </div>
 `;
 
 exports[`components/ScrollView prop "centerContent" without 1`] = `
 <div
-  class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
+  class="css-view-1bh9chl r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
   style="background-color: rgb(0, 0, 255);"
 >
   <div
-    class="css-view-g5y9jx"
+    class="css-view-1bh9chl"
   />
 </div>
 `;
@@ -27,11 +27,11 @@ exports[`components/ScrollView prop "refreshControl" with 1`] = `
   id="refresh-control"
 >
   <div
-    class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
+    class="css-view-1bh9chl r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
     style="background-color: rgb(255, 0, 0);"
   >
     <div
-      class="css-view-g5y9jx"
+      class="css-view-1bh9chl"
     />
   </div>
 </div>
@@ -39,11 +39,11 @@ exports[`components/ScrollView prop "refreshControl" with 1`] = `
 
 exports[`components/ScrollView prop "refreshControl" without 1`] = `
 <div
-  class="css-view-g5y9jx r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
+  class="css-view-1bh9chl r-WebkitOverflowScrolling-150rngu r-flexDirection-eqz5dr r-flexGrow-16y2uox r-flexShrink-1wbh5a2 r-overflowX-11yh6sk r-overflowY-1rnoaur r-transform-agouwx"
   style="background-color: rgb(255, 0, 0);"
 >
   <div
-    class="css-view-g5y9jx"
+    class="css-view-1bh9chl"
   />
 </div>
 `;
diff --git a/packages/react-native-web/src/exports/Switch/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/Switch/__tests__/__snapshots__/index-test.js.snap
index deda1cf15..2723e3db5 100644
--- a/packages/react-native-web/src/exports/Switch/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/Switch/__tests__/__snapshots__/index-test.js.snap
@@ -2,42 +2,42 @@
 
 exports[`components/Switch disabled when "true" and value="false", a disabled checkbox is rendered with provided false value of trackColor 1`] = `
 <div
-  class="css-view-g5y9jx r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
+  class="css-view-1bh9chl r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
   style="background-color: rgb(29, 161, 242); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"
 />
 `;
 
 exports[`components/Switch disabled when "true" and value="false", a disabled checkbox is rendered with provided thumbColor 1`] = `
 <div
-  class="css-view-g5y9jx r-alignSelf-k200y r-borderRadius-1j16mh1 r-boxShadow-1ewcgjf r-forcedColorAdjust-1c6unfx r-insetInlineStart-10s2tm5 r-transform-agouwx r-transitionDuration-13tjlyg"
+  class="css-view-1bh9chl r-alignSelf-k200y r-borderRadius-1j16mh1 r-boxShadow-1ewcgjf r-forcedColorAdjust-1c6unfx r-insetInlineStart-10s2tm5 r-transform-agouwx r-transitionDuration-13tjlyg"
   style="background-color: rgb(255, 255, 255); height: 20px; margin-left: 0px; width: 20px;"
 />
 `;
 
 exports[`components/Switch disabled when "true" and value="false", a disabled checkbox is rendered with provided trackColor 1`] = `
 <div
-  class="css-view-g5y9jx r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
+  class="css-view-1bh9chl r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
   style="background-color: rgb(224, 36, 94); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"
 />
 `;
 
 exports[`components/Switch disabled when "true" and value="true", a disabled checkbox is rendered with provided activeThumbColor 1`] = `
 <div
-  class="css-view-g5y9jx r-alignSelf-k200y r-borderRadius-1j16mh1 r-boxShadow-1ewcgjf r-forcedColorAdjust-1c6unfx r-transform-agouwx r-transitionDuration-13tjlyg r-insetInlineStart-rci37q"
+  class="css-view-1bh9chl r-alignSelf-k200y r-borderRadius-1j16mh1 r-boxShadow-1ewcgjf r-forcedColorAdjust-1c6unfx r-transform-agouwx r-transitionDuration-13tjlyg r-insetInlineStart-rci37q"
   style="background-color: rgb(255, 255, 255); height: 20px; margin-left: -20px; width: 20px;"
 />
 `;
 
 exports[`components/Switch disabled when "true" and value="true", a disabled checkbox is rendered with provided activeTrackColor 1`] = `
 <div
-  class="css-view-g5y9jx r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
+  class="css-view-1bh9chl r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
   style="background-color: rgb(224, 36, 94); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"
 />
 `;
 
 exports[`components/Switch disabled when "true" and value="true", a disabled checkbox is rendered with provided true value of trackColor 1`] = `
 <div
-  class="css-view-g5y9jx r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
+  class="css-view-1bh9chl r-bottom-1p0dtai r-forcedColorAdjust-1c6unfx r-height-1dernwh r-left-1d2f490 r-margin-ywje51 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-transitionDuration-13tjlyg r-width-13qz1uu"
   style="background-color: rgb(224, 36, 94); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;"
 />
 `;
diff --git a/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap b/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap
index 0f8c7a4bc..c4a0adfd7 100644
--- a/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap
+++ b/packages/react-native-web/src/exports/View/__tests__/__snapshots__/index-test.js.snap
@@ -2,16 +2,16 @@
 
 exports[`components/View default 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
 />
 `;
 
 exports[`components/View non-text is rendered 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
 >
   <div
-    class="css-view-g5y9jx"
+    class="css-view-1bh9chl"
     data-testid="1"
   />
 </div>
@@ -20,41 +20,41 @@ exports[`components/View non-text is rendered 1`] = `
 exports[`components/View prop "aria-label" value is set 1`] = `
 <div
   aria-label="accessibility label"
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
 />
 `;
 
 exports[`components/View prop "aria-labelledby" value is set 1`] = `
 <div
   aria-labelledby="123"
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
 />
 `;
 
 exports[`components/View prop "aria-live" value is set 1`] = `
 <div
   aria-live="polite"
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
 />
 `;
 
 exports[`components/View prop "dir" value is "ltr" 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   dir="ltr"
 />
 `;
 
 exports[`components/View prop "dir" value is "rtl" 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   dir="rtl"
 />
 `;
 
 exports[`components/View prop "href" href with accessibilityRole 1`] = `
 <a
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   href="https://example.com"
   role="presentation"
 />
@@ -62,27 +62,27 @@ exports[`components/View prop "href" href with accessibilityRole 1`] = `
 
 exports[`components/View prop "href" value is set 1`] = `
 <a
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   href="https://example.com"
 />
 `;
 
 exports[`components/View prop "hrefAttrs" null values are excluded 1`] = `
 <a
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   href="https://example.com"
 />
 `;
 
 exports[`components/View prop "hrefAttrs" requires "href" 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
 />
 `;
 
 exports[`components/View prop "hrefAttrs" target variant is set 1`] = `
 <a
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   href="https://example.com"
   target="_blank"
 />
@@ -90,7 +90,7 @@ exports[`components/View prop "hrefAttrs" target variant is set 1`] = `
 
 exports[`components/View prop "hrefAttrs" value is set 1`] = `
 <a
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   download="filename.jpg"
   href="https://example.com"
   rel="nofollow"
@@ -100,7 +100,7 @@ exports[`components/View prop "hrefAttrs" value is set 1`] = `
 
 exports[`components/View prop "lang" ar 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   dir="rtl"
   lang="ar"
 />
@@ -108,7 +108,7 @@ exports[`components/View prop "lang" ar 1`] = `
 
 exports[`components/View prop "lang" fr 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   dir="ltr"
   lang="fr"
 />
@@ -116,13 +116,13 @@ exports[`components/View prop "lang" fr 1`] = `
 
 exports[`components/View prop "lang" undefined 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
 />
 `;
 
 exports[`components/View prop "lang" with dir 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   dir="ltr"
   lang="ar"
 />
@@ -130,27 +130,27 @@ exports[`components/View prop "lang" with dir 1`] = `
 
 exports[`components/View prop "nativeID" value is set 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   id="nativeID"
 />
 `;
 
 exports[`components/View prop "pointerEvents" 1`] = `
 <div
-  class="css-view-g5y9jx r-pointerEvents-ah5dr5"
+  class="css-view-1bh9chl r-pointerEvents-ah5dr5"
 />
 `;
 
 exports[`components/View prop "role" value alters HTML element 1`] = `
 <article
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   role="article"
 />
 `;
 
 exports[`components/View prop "role" value is "button" 1`] = `
 <button
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   role="button"
   type="button"
 />
@@ -158,21 +158,21 @@ exports[`components/View prop "role" value is "button" 1`] = `
 
 exports[`components/View prop "role" value is set 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   role="presentation"
 />
 `;
 
 exports[`components/View prop "style" value is set 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   style="border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"
 />
 `;
 
 exports[`components/View prop "testID" value is set 1`] = `
 <div
-  class="css-view-g5y9jx"
+  class="css-view-1bh9chl"
   data-testid="123"
 />
 `;
diff --git a/packages/react-native-web/src/exports/View/__tests__/index-test.js b/packages/react-native-web/src/exports/View/__tests__/index-test.js
index 173644c4a..0df149cf2 100644
--- a/packages/react-native-web/src/exports/View/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/View/__tests__/index-test.js
@@ -307,4 +307,16 @@ describe('components/View', () => {
       expect(container.firstChild).toMatchSnapshot();
     });
   });
+
+  describe('default styles', () => {
+    test('default zIndex should be "auto" not 0', () => {
+      // Using 'auto' instead of 0 prevents creating a new CSS stacking context,
+      // which allows nested Views with z-index to layer correctly relative to
+      // elements outside the View hierarchy
+      const { container } = render(<View />);
+      const element = container.firstChild;
+      const computedStyle = window.getComputedStyle(element);
+      expect(computedStyle.zIndex).toBe('auto');
+    });
+  });
 });
diff --git a/packages/react-native-web/src/exports/View/index.js b/packages/react-native-web/src/exports/View/index.js
index cec4d5826..239a6dfbb 100644
--- a/packages/react-native-web/src/exports/View/index.js
+++ b/packages/react-native-web/src/exports/View/index.js
@@ -163,7 +163,7 @@ const styles = StyleSheet.create({
     padding: 0,
     position: 'relative',
     textDecoration: 'none',
-    zIndex: 0
+    zIndex: 'auto'
   },
   inline: {
     display: 'inline-flex'