diff --git a/dev-dist/sw.js b/dev-dist/sw.js
index 6a9e19c..9128901 100644
--- a/dev-dist/sw.js
+++ b/dev-dist/sw.js
@@ -82,7 +82,7 @@ define(['./workbox-e7681877'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.2fod7b7jhdg"
+    "revision": "0.tesij0n6d6o"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
diff --git a/src/pages/ticket/Detail.tsx b/src/pages/ticket/Detail.tsx
index cb73990..1a32452 100644
--- a/src/pages/ticket/Detail.tsx
+++ b/src/pages/ticket/Detail.tsx
@@ -85,6 +85,14 @@ const TicketDetail: FC = () => {
         })
     }
 
+    const handleSendAnswer = () => {
+        const messageEndRef = document.getElementById('content');
+        if (messageEndRef) {
+            messageEndRef.scrollIntoView({ behavior: 'smooth' });
+            messageEndRef.focus();
+        }
+    }
+
     return (
         <div className='mt-4'>
             <Helmet>
@@ -192,6 +200,7 @@ const TicketDetail: FC = () => {
                                 <Fragment>
                                     <div className='mt-9'>
                                         <Textarea
+                                            id='content'
                                             label={t('ticket.answer')}
                                             placeholder={t('ticket.your_description')}
                                             value={formik.values.content}
@@ -235,6 +244,7 @@ const TicketDetail: FC = () => {
                                     <Button
                                         label={t('ticket.send_answer')}
                                         className='text-xs xl:h-10 h-8'
+                                        onClick={handleSendAnswer}
                                     />
                                     <Button
                                         className='bg-[#D52903] xl:h-10 h-8'