From 9e91c382b3340343612d8119f70c057ea654139e Mon Sep 17 00:00:00 2001
From: ahtesham-quraish <ahtesham.quraish@gmail.com>
Date: Mon, 10 Apr 2023 09:53:27 +0500
Subject: [PATCH] fix: margin issue for sso baner

FIX margin issue for SSO banner on login page.

VAN-1353
---
 src/common-components/ThirdPartyAuthAlert.jsx                 | 2 +-
 .../tests/__snapshots__/ThirdPartyAuthAlert.test.jsx.snap     | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/common-components/ThirdPartyAuthAlert.jsx b/src/common-components/ThirdPartyAuthAlert.jsx
index 39e7c947..ca24738c 100644
--- a/src/common-components/ThirdPartyAuthAlert.jsx
+++ b/src/common-components/ThirdPartyAuthAlert.jsx
@@ -26,7 +26,7 @@ const ThirdPartyAuthAlert = (props) => {
 
   return (
     <>
-      <Alert id="tpa-alert" className={referrer === REGISTER_PAGE ? 'alert-success mt-n2' : 'alert-warning mt-n2'}>
+      <Alert id="tpa-alert" className={referrer === REGISTER_PAGE ? 'alert-success mt-n2 mb-5' : 'alert-warning mt-n2 mb-5'}>
         {referrer === REGISTER_PAGE ? (
           <Alert.Heading>{formatMessage(messages['tpa.alert.heading'])}</Alert.Heading>
         ) : null}
diff --git a/src/common-components/tests/__snapshots__/ThirdPartyAuthAlert.test.jsx.snap b/src/common-components/tests/__snapshots__/ThirdPartyAuthAlert.test.jsx.snap
index 05f169c3..f399dc41 100644
--- a/src/common-components/tests/__snapshots__/ThirdPartyAuthAlert.test.jsx.snap
+++ b/src/common-components/tests/__snapshots__/ThirdPartyAuthAlert.test.jsx.snap
@@ -2,7 +2,7 @@
 
 exports[`ThirdPartyAuthAlert should match login page third party auth alert message snapshot 1`] = `
 <div
-  className="fade alert-content alert-warning mt-n2 alert show"
+  className="fade alert-content alert-warning mt-n2 mb-5 alert show"
   id="tpa-alert"
   role="alert"
 >
@@ -23,7 +23,7 @@ exports[`ThirdPartyAuthAlert should match login page third party auth alert mess
 exports[`ThirdPartyAuthAlert should match register page third party auth alert message snapshot 1`] = `
 Array [
   <div
-    className="fade alert-content alert-success mt-n2 alert show"
+    className="fade alert-content alert-success mt-n2 mb-5 alert show"
     id="tpa-alert"
     role="alert"
   >