From bc104d01909e5146404a8fd2beaf86dd24a6d514 Mon Sep 17 00:00:00 2001
From: Seong-Myeong <mg0454@naver.com>
Date: Mon, 9 Feb 2026 22:22:30 +0900
Subject: [PATCH] Feat: edit toast location in figma (#354)

---
 src/components/basics/Toast/ToastContainer.tsx | 11 ++---------
 1 file changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/components/basics/Toast/ToastContainer.tsx b/src/components/basics/Toast/ToastContainer.tsx
index 9c53698..5c336ee 100644
--- a/src/components/basics/Toast/ToastContainer.tsx
+++ b/src/components/basics/Toast/ToastContainer.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import { useModalStore } from '@/stores/modalStore';
 import { useToastStore } from '@/stores/toastStore';
 import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
@@ -10,7 +9,6 @@ import Toast from './Toast';
 
 const ToastContainer = () => {
   const { toasts, hideToast } = useToastStore();
-  const modalType = useModalStore(state => state.type);
   const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);
 
   useEffect(() => {
@@ -28,18 +26,13 @@ const ToastContainer = () => {
 
   if (!portalElement || toasts.length === 0) return null;
 
-  const isModalOpen = modalType !== null;
-  const hasModalPlacementToast = toasts.some(toast => toast.placement === 'modal-bottom');
-  const useModalLayout = isModalOpen || hasModalPlacementToast;
-
   return createPortal(
     <div
       className={clsx(
-        'pointer-events-none fixed inset-0 z-[60] flex flex-col gap-3 px-4',
-        useModalLayout ? 'items-center justify-end pb-[7.5rem]' : 'items-end pt-6'
+        'pointer-events-none fixed inset-0 z-60 flex flex-col items-center justify-end gap-3 px-4 pb-30'
       )}
     >
-      <div className={clsx('flex flex-col gap-3', useModalLayout ? 'items-center' : 'items-end')}>
+      <div className="flex flex-col items-center gap-3">
         {toasts.map(toast => (
           <Toast key={toast.id} {...toast} onClose={hideToast} />
         ))}