diff --git a/package.json b/package.json
index 2bbab0d..fad1c25 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "react": "^18.2.0",
     "react-redux": "^8.1.2",
     "react-router-dom": "^6.16.0",
+    "react-textarea-autosize": "^8.5.3",
     "redux-persist": "^6.0.0",
     "redux-thunk": "^2.4.2",
     "yet-another-react-lightbox": "^3.12.2"
diff --git a/src/pages/LocationDetail/index.css b/src/pages/LocationDetail/index.css
index de75f8b..01b422a 100644
--- a/src/pages/LocationDetail/index.css
+++ b/src/pages/LocationDetail/index.css
@@ -86,6 +86,18 @@ img {
   cursor: pointer;
 }
 
+.review-box-content {
+  width: 75%; 
+  margin: 0 auto;
+}
+
+
+@media screen and (max-width: 1024px) {
+  .review-box-content {
+    width: 100%;
+  }
+}
+
 @media screen and (max-width: 380px) {
   .header-link {
     white-space: nowrap;
diff --git a/src/pages/LocationDetail/index.tsx b/src/pages/LocationDetail/index.tsx
index ca1448e..4cad30b 100644
--- a/src/pages/LocationDetail/index.tsx
+++ b/src/pages/LocationDetail/index.tsx
@@ -19,6 +19,7 @@ import { UserRootState } from '../../store/type';
 import { DEFAULT_AVATAR_IMG } from '../../constants/default';
 import './index.css';
 import { IHttpResponse } from '../../types/common';
+import ReactTextareaAutosize from 'react-textarea-autosize';
 
 const SORT_TYPE = [
   'highest rated',
@@ -324,7 +325,7 @@ function LocationDetail() {
                 <div className={'bg-secondary text-center p-3'} style={{ width: '100%' }}><a href={'#'} onClick={handleSignInNavigation} style={{ borderBottom: '1px solid white' }}>SIGN IN</a> TO REVIEW</div>
                 :
                 <div name="REVIEW INPUT TEXTAREA" className={'reviewContainer p-4'} style={{ backgroundColor: '#2f3136' }}>
-                  <div className={'reviewBoxContent'} style={{ width: '75%', margin: '0 auto' }}>
+                  <div className={'review-box-content'}>
 
                     <div className={'userImage mr-3'} style={{ width: 55, float: 'left' }}>
                       <a href={'#'}>
@@ -372,12 +373,11 @@ function LocationDetail() {
                           content={currentUserReview.comments}
                         />
                         :
-                        <textarea
+                        <ReactTextareaAutosize
                           onChange={handleTextAreaChange}
                           ref={textAreaRef}
-                          className={'p-2'}
+                          className={'p-2 text-area text-sm'}
                           value={reviewValue.review_textArea}
-                          style={{ border: 'none', overflow: 'auto', outline: 'none', boxShadow: 'none', backgroundColor: '#40444b', width: '100%', minHeight: 100, overflowY: 'hidden' }}
                         />
                       }
                     </div>
diff --git a/yarn.lock b/yarn.lock
index 9fbf3d0..f9036ed 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -204,6 +204,13 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
+"@babel/runtime@^7.20.13":
+  version "7.23.1"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.1.tgz#72741dc4d413338a91dcb044a86f3c0bc402646d"
+  integrity sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.5.tgz#0c8c4d944509875849bd0344ff0050756eefc6ec"
@@ -1220,6 +1227,15 @@ react-router@6.16.0:
   dependencies:
     "@remix-run/router" "1.9.0"
 
+react-textarea-autosize@^8.5.3:
+  version "8.5.3"
+  resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-8.5.3.tgz#d1e9fe760178413891484847d3378706052dd409"
+  integrity sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==
+  dependencies:
+    "@babel/runtime" "^7.20.13"
+    use-composed-ref "^1.3.0"
+    use-latest "^1.2.1"
+
 react@^18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
@@ -1403,6 +1419,23 @@ update-browserslist-db@^1.0.11:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+use-composed-ref@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/use-composed-ref/-/use-composed-ref-1.3.0.tgz#3d8104db34b7b264030a9d916c5e94fbe280dbda"
+  integrity sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==
+
+use-isomorphic-layout-effect@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb"
+  integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==
+
+use-latest@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/use-latest/-/use-latest-1.2.1.tgz#d13dfb4b08c28e3e33991546a2cee53e14038cf2"
+  integrity sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==
+  dependencies:
+    use-isomorphic-layout-effect "^1.1.1"
+
 use-sync-external-store@^1.0.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"