diff --git a/modules/index/index.input.tsx b/modules/index/index.input.tsx
index 12d791f7..1ecbf9d1 100644
--- a/modules/index/index.input.tsx
+++ b/modules/index/index.input.tsx
@@ -49,7 +49,7 @@ export default function MessageInput(
     };
 
     return (
-        <div class={`flex items-center z-20`}>
+        <div class={`flex items-center bg-transparent z-20`}>
             <div class={`w-12 min-w-12 block`}>
                 <img
                     src={props.avatar_url}
diff --git a/modules/index/index.main.tsx b/modules/index/index.main.tsx
index 453908b0..5bc19a14 100644
--- a/modules/index/index.main.tsx
+++ b/modules/index/index.main.tsx
@@ -23,7 +23,7 @@ function ListMessage(props: { data: DataType[] }) {
     return (
         <div
             ref={listRef}
-            class={`overflow-scroll pt-3 mb-16 z-0`}
+            class={`overflow-auto pt-3 mb-16 z-0`}
         >
             <ul class={`flex flex-col justify-end gap-y-2`}>
                 {data && data.map((item, index) => {
@@ -162,7 +162,7 @@ export function Main(
                         <Background />
                         <ListMessage data={data} />
                     </div>
-                    <div class="fixed md:absolute bottom-0 left-0 right-0 pb-4 pl-3 pr-3 z-10">
+                    <div class="fixed md:absolute bottom-0 left-0 right-0 p-3 z-10">
                         <MessageInput
                             avatar_url={props.avatar_url}
                             ws_url={props.ws_url}