Wrapping FormatMessage Component with <div> so that browser translate…

…d DOM will not fail the js DOM Manipulation.
magento · Nov 21, 2024 · 9b49d31 · 9b49d31
1 parent 41e01a6
commit 9b49d31
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/venia-ui/lib/components/AuthBar/authBar.js b/packages/venia-ui/lib/components/AuthBar/authBar.js
@@ -50,10 +50,12 @@ const AuthBar = props => {
             <span className={classes.contents}>
                 <AccountChip fallbackText={fallBackText} />
                 <span className={classes.signIn}>
-                    <FormattedMessage
-                        id={'authBar.signInText'}
-                        defaultMessage={'Sign In'}
-                    />
+                    <div>
+                        <FormattedMessage
+                            id={'authBar.signInText'}
+                            defaultMessage={'Sign In'}
+                        />
+                    </div>
                 </span>
             </span>
         </button>