From a8c7e824233b88b4d5ae71d9ff869120b1e9df85 Mon Sep 17 00:00:00 2001
From: rkdcodus <rcd7275@naver.com>
Date: Wed, 25 Sep 2024 15:39:39 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84design:=20=ED=86=A0=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8=20=EB=8F=99=EC=9E=91=20=EC=8B=9C=EA=B0=84=203?=
 =?UTF-8?q?=EC=B4=88=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 grass-diary/src/state/toast/useToast.ts                       | 2 +-
 grass-diary/src/styles/component/Notification/Toast.style.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/grass-diary/src/state/toast/useToast.ts b/grass-diary/src/state/toast/useToast.ts
index 3d223474..c17eed23 100644
--- a/grass-diary/src/state/toast/useToast.ts
+++ b/grass-diary/src/state/toast/useToast.ts
@@ -6,7 +6,7 @@ export const useToast = () => {
   const timer = () => {
     setTimeout(() => {
       setActive();
-    }, 5000);
+    }, 3000);
   };
 
   const toast = (text: string) => {
diff --git a/grass-diary/src/styles/component/Notification/Toast.style.tsx b/grass-diary/src/styles/component/Notification/Toast.style.tsx
index 8a68b998..053f1901 100644
--- a/grass-diary/src/styles/component/Notification/Toast.style.tsx
+++ b/grass-diary/src/styles/component/Notification/Toast.style.tsx
@@ -14,7 +14,7 @@ export const toastFadeIn = keyframes`
 
 100% {
   opacity: 0;
-  top: 90%;
+  top: 100%;
 }
 `;
 
@@ -41,7 +41,7 @@ export const ToastBox = styled.div<{ $active: boolean; $isRed: boolean }>`
   ${TYPO.label2}
   color: ${semantic.light.inverse.solid.hero};
   text-align: center;
-  animation: ${props => props.$active && toastFadeIn} 4s 1s ease;
+  animation: ${props => props.$active && toastFadeIn} 3s ease;
   transition: 1s;
 
   @media screen and (max-width: 60em) {