From d5f936dcc2e3df9414e91a4b5cedd692dd3f145f Mon Sep 17 00:00:00 2001
From: kushagrasarathe <76868364+kushagrasarathe@users.noreply.github.com>
Date: Wed, 27 Nov 2024 16:02:33 +0530
Subject: [PATCH 1/2] fix: container breaking for bigger email addresses

---
 src/components/Create/Link/Input.view.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Create/Link/Input.view.tsx b/src/components/Create/Link/Input.view.tsx
index 24512c5d4..0cef5079f 100644
--- a/src/components/Create/Link/Input.view.tsx
+++ b/src/components/Create/Link/Input.view.tsx
@@ -265,7 +265,7 @@ export const CreateLinkInputView = ({
     }, [_tokenValue, inputDenomination])
 
     return (
-        <div className="flex w-full flex-col items-center justify-center gap-6 text-center">
+          <div className="space-y-6 text-center">
             <div className="space-y-2">
                 <h2
                     className="max-h-[92px] w-full overflow-hidden text-h2"

From e081020a23eafdafabf8db74ad0084f5171828be Mon Sep 17 00:00:00 2001
From: kushagrasarathe <76868364+kushagrasarathe@users.noreply.github.com>
Date: Wed, 4 Dec 2024 22:34:48 +0530
Subject: [PATCH 2/2] fix: override card max-width for create component

---
 src/components/Create/Create.tsx          | 2 +-
 src/components/Create/Link/Input.view.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Create/Create.tsx b/src/components/Create/Create.tsx
index 834218e2d..68578f8bd 100644
--- a/src/components/Create/Create.tsx
+++ b/src/components/Create/Create.tsx
@@ -121,7 +121,7 @@ export const Create = () => {
     }, [address])
 
     return (
-        <div className="card">
+        <div className="card max-w-lg">
             {createElement(_consts.CREATE_SCREEN_MAP[step.screen].comp, {
                 onPrev: handleOnPrev,
                 onNext: handleOnNext,
diff --git a/src/components/Create/Link/Input.view.tsx b/src/components/Create/Link/Input.view.tsx
index 0cef5079f..7754ca052 100644
--- a/src/components/Create/Link/Input.view.tsx
+++ b/src/components/Create/Link/Input.view.tsx
@@ -277,7 +277,7 @@ export const CreateLinkInputView = ({
                           ? `Send to ${recipient.name?.endsWith('.eth') ? recipient.name : shortenAddressLong(recipient.address ?? '')}`
                           : `Send to ${recipient.name}`}
                 </h2>
-                <div className="max-w-96 text-center">
+                <div className="max-w-96 mx-auto text-center">
                     {createType === 'link' &&
                         'Deposit some crypto to the link, no need for wallet addresses. Send the link to the recipient. They will be able to claim the funds in any token on any chain from the link.'}
                     {createType === 'email_link' &&