diff --git a/src/App.jsx b/src/App.jsx
index d60aa13..3646d23 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,4 +1,4 @@
-import { useState, useCallback } from 'react'
+import { useState, useCallback, useEffect } from 'react'
 import logo from './logo.svg'
 import './App.css'
 import Chat from './chat'
@@ -18,6 +18,13 @@ function App() {
     }
   }, [newMessage, messages])
 
+  useEffect(() => {
+    const el = document.querySelector('.bubble.input > div')
+    if (el) {
+      el.focus()
+    }
+  }, [])
+
   return (
     <div className="App">
       <Chat>