From df40b6f9b9db2e2ff85b54b716dffa2e192bd7ea Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Tue, 3 Dec 2024 21:54:39 +0900
Subject: [PATCH] chore: update mobile ui of toast

---
 src/components/Toast/Toast.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Toast/Toast.tsx b/src/components/Toast/Toast.tsx
index b353f21afb..1c82bd0c23 100644
--- a/src/components/Toast/Toast.tsx
+++ b/src/components/Toast/Toast.tsx
@@ -60,10 +60,10 @@ const Toast: React.FC = () => {
     </ToastContainer>
   ) : (
     <ToastContainer showTopToast={showTopToast}>
-      <>
+      <span>
         Logos Ordinals Mint Begins 16th December, 2024 at 1PM UTC
         <TimeRemaining>Time remaining: {time}</TimeRemaining>
-      </>
+      </span>
       <div>
         <button className="close-button" onClick={() => setShowTopToast(false)}>
           <img src="/assets/close-orange.svg" alt="close" />
@@ -117,6 +117,10 @@ const ToastContainer = styled.div<{ showTopToast: boolean }>`
 
     flex-direction: column;
 
+    span {
+      width: 80%;
+    }
+
     a {
       // new line
       display: block;