diff --git a/src/components/Main.astro b/src/components/Main.astro
index 4aa1375..4b7aefc 100644
--- a/src/components/Main.astro
+++ b/src/components/Main.astro
@@ -14,5 +14,7 @@ import Conversation from './main/Conversation'
       <Conversation client:only />
     </div>
   </main>
-  <Send client:load />
+  <div id='infoSend'>
+    <Send client:load  />
+  </div>
 </main>
diff --git a/src/components/Send.tsx b/src/components/Send.tsx
index 092a1d6..895e4ef 100644
--- a/src/components/Send.tsx
+++ b/src/components/Send.tsx
@@ -197,7 +197,7 @@ export default () => {
   }
 
   return (
-    <div id='infoSend' class={`relative shrink-0 border-t border-base pb-[env(safe-area-inset-bottom)] transition transition-colors duration-300  ${stateRootClass()} ${footerClass()}`}>
+    <div class={`relative shrink-0 border-t border-base pb-[env(safe-area-inset-bottom)] transition transition-colors duration-300  ${stateRootClass()} ${footerClass()}`}>
       <div class={`relative transition transition-height duration-240 ${stateHeightClass()}`}>
         <Switch fallback={<EmptyState />}>
           <Match when={stateType() === 'login'}>