diff --git a/modules/index/index.main.tsx b/modules/index/index.main.tsx
index ce0f1d7f..c91e7aa8 100644
--- a/modules/index/index.main.tsx
+++ b/modules/index/index.main.tsx
@@ -157,12 +157,12 @@ export function Main(
             {error && <Loading>{error}</Loading>}
             {loading && <Loading>Loading</Loading>}
             {!loading && (
-                <div class={`grow md:relative`}>
+                <div class={`grow md:relative flex flex-col`}>
                     <div class="bg-center bg-no-repeat h-screen flex flex-col justify-end bg-gray-950 border-t border-l border-r border-gray-700">
                         <Background />
                         <ListMessage data={data} />
                     </div>
-                    <div class="fixed md:absolute bottom-0 left-0 right-0 p-3">
+                    <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}