diff --git a/app/components/base/streamdown-markdown.tsx b/app/components/base/streamdown-markdown.tsx
new file mode 100644
index 0000000..4020e23
--- /dev/null
+++ b/app/components/base/streamdown-markdown.tsx
@@ -0,0 +1,18 @@
+'use client'
+import { Streamdown } from 'streamdown'
+import 'katex/dist/katex.min.css'
+
+interface StreamdownMarkdownProps {
+  content: string
+  className?: string
+}
+
+export function StreamdownMarkdown({ content, className = '' }: StreamdownMarkdownProps) {
+  return (
+    <div className={`streamdown-markdown ${className}`}>
+      <Streamdown>{content}</Streamdown>
+    </div>
+  )
+}
+
+export default StreamdownMarkdown
diff --git a/app/components/index.tsx b/app/components/index.tsx
index 788a01b..cafcc5f 100644
--- a/app/components/index.tsx
+++ b/app/components/index.tsx
@@ -703,7 +703,7 @@ const Main: FC<IMainProps> = () => {
 
           {
             hasSetInputs && (
-              <div className='relative grow h-[200px] pc:w-[794px] max-w-full mobile:w-full pb-[66px] mx-auto mb-3.5 overflow-hidden'>
+              <div className='relative grow h-[200px] pc:w-[794px] max-w-full mobile:w-full pb-[120px] mx-auto mb-3.5 overflow-hidden'>
                 <div className='h-full overflow-y-auto' ref={chatListDomRef}>
                   <Chat
                     chatList={chatList}