diff --git a/web/src/ui/composer/Autocompleter.tsx b/web/src/ui/composer/Autocompleter.tsx
index 24314b7..6383df5 100644
--- a/web/src/ui/composer/Autocompleter.tsx
+++ b/web/src/ui/composer/Autocompleter.tsx
@@ -52,6 +52,7 @@ export const EmojiAutocompleter = ({ params, state, setState, setAutocomplete }:
 			endPos: params.startPos + emoji.u.length,
 			frozenQuery: params.frozenQuery ?? params.query,
 		})
+		document.querySelector(`div.autocompletion-item[data-index='${index}']`)?.scrollIntoView({ block: "nearest" })
 	})
 	const onClick = useEvent((evt: React.MouseEvent<HTMLDivElement>) => {
 		const idx = evt.currentTarget.getAttribute("data-index")