fix: alert profile icon positioning

ONEARMY · Oct 9, 2024 · 9c03aa3 · 9c03aa3
1 parent 890c92e
commit 9c03aa3
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/common/Alerts/AlertProfileVerification.tsx b/src/common/Alerts/AlertProfileVerification.tsx
@@ -20,7 +20,7 @@ export const AlertProfileVerification = () => {
   const isVerificationSuccessful = verificationState === 'sent'
   const isVerificationPending = verificationState === 'pending'
   const alertLabel = isVerificationPending
-    ? 'Click here to receive an email to confirm your account.'
+    ? 'Click here to receive an email to confirm your account'
     : "Sorry, we couldn't send an email. Please try again later."
   const successLabelMessage =
     'Verification email sent. Please check your inbox and spam folder. '
@@ -55,12 +55,12 @@ export const AlertProfileVerification = () => {
         )}
 
         {!isVerificationSuccessful && (
-          <Text>
+          <>
             {isVerificationPending && (
               <Icon glyph="email" mr={1} verticalAlign={'text-top'} />
             )}
-            {alertLabel}
-          </Text>
+            <Text>{alertLabel}</Text>
+          </>
         )}
       </Banner>
     </Flex>