diff --git a/web/hooks/use-focus.ts b/web/hooks/use-focus.ts
index a71a0292..f41f46a7 100644
--- a/web/hooks/use-focus.ts
+++ b/web/hooks/use-focus.ts
@@ -1,11 +1,12 @@
 import { useRef } from 'react'
+import { useEvent } from './use-event'
 
 // Focus helper from https://stackoverflow.com/a/54159564/1222351
 export function useFocus(): [React.RefObject<HTMLElement>, () => void] {
   const htmlElRef = useRef<HTMLElement>(null)
-  const setFocus = () => {
+  const setFocus = useEvent(() => {
     htmlElRef.current && htmlElRef.current.focus()
-  }
+  })
 
   return [htmlElRef, setFocus]
 }