From 9b49d3177085d212e7a800b3ce4f317b47202b09 Mon Sep 17 00:00:00 2001
From: del15881 <del15881@adobe.com>
Date: Thu, 21 Nov 2024 17:17:13 +0530
Subject: [PATCH] Wrapping FormatMessage Component with <div> so that browser
 translated DOM will not fail the js DOM Manipulation.

---
 packages/venia-ui/lib/components/AuthBar/authBar.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/venia-ui/lib/components/AuthBar/authBar.js b/packages/venia-ui/lib/components/AuthBar/authBar.js
index 886aa9352c..519d9e4693 100644
--- 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>