From bcde7da5723ebb322711e07ede19c7edb34ee215 Mon Sep 17 00:00:00 2001
From: hee-suh <suhee0206@gmail.com>
Date: Thu, 3 Oct 2024 20:36:00 +0900
Subject: [PATCH] fix: limit width of footer on recommendation page

---
 src/app/recommendation/page.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/app/recommendation/page.tsx b/src/app/recommendation/page.tsx
index 63e4bf20..8d7bca2b 100644
--- a/src/app/recommendation/page.tsx
+++ b/src/app/recommendation/page.tsx
@@ -231,9 +231,8 @@ const Recommendation = () => {
         <div ref={bottomChat} />
       </section>
 
-      <footer className="invitation-gradient fixed bottom-0 left-1/2 flex h-[96px] w-full -translate-x-1/2 content-center items-center px-5">
+      <footer className="invitation-gradient fixed bottom-0 left-1/2 flex h-[96px] w-full max-w-[420px] -translate-x-1/2 content-center items-center px-5 pb-5 pt-7">
         <ChatInput
-          className="pb-5 pt-7"
           value={input}
           isFetching={isFetching || status === 'pending'}
           isLimitReached={status === 'success' && availableCount <= 0}