diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index c1b08d25..fb96bd45 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -410,7 +410,7 @@
   background-color: var(--white);
   color: var(--black);
   font-family: inherit;
-  padding: 10px 14px;
+  padding: 10px 14px 50px;
   resize: none;
   outline: none;
 }
diff --git a/app/components/home.tsx b/app/components/home.tsx
index 55376dfd..909e5406 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -206,6 +206,11 @@ export function Chat(props: { showSideBar?: () => void, sideBarShowing?: boolean
   // only search prompts when user input is short
   const SEARCH_TEXT_LIMIT = 30;
   const onInput = (text: string) => {
+    const textareaDom = inputRef.current
+    if (textareaDom) {
+      const paddingBottomNum: number = parseInt(window.getComputedStyle(textareaDom).paddingBottom, 10);
+      textareaDom.scrollTop = textareaDom.scrollHeight - textareaDom.offsetHeight + paddingBottomNum;
+    }
     setUserInput(text);
     const n = text.trim().length;
     if (n === 0 || n > SEARCH_TEXT_LIMIT) {