From b48e3c7bb4efdda027ad4e105dbf00a45cf5d363 Mon Sep 17 00:00:00 2001
From: Mohit <114051505+ymohit1603@users.noreply.github.com>
Date: Wed, 31 Jul 2024 02:53:11 +0530
Subject: [PATCH] fix: alert message is not positioned properly (#15995)

* fix: correct button functionality in alert component

* add: bottom margin to alert component

* revert alert comp changes

* small update

---------

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 apps/web/pages/signup.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/web/pages/signup.tsx b/apps/web/pages/signup.tsx
index 6e06df7bcd..25a1c22d68 100644
--- a/apps/web/pages/signup.tsx
+++ b/apps/web/pages/signup.tsx
@@ -323,7 +323,12 @@ export default function Signup({
           <div className="ml-auto mr-auto mt-0 flex w-full max-w-xl flex-col px-4 pt-6 sm:px-16 md:px-20 lg:mt-12 2xl:px-28">
             {/* Header */}
             {errors.apiError && (
-              <Alert severity="error" message={errors.apiError?.message} data-testid="signup-error-message" />
+              <Alert
+                className="mb-3"
+                severity="error"
+                message={errors.apiError?.message}
+                data-testid="signup-error-message"
+              />
             )}
             <div className="flex flex-col gap-2">
               <h1 className="font-cal text-[28px] leading-none ">