From 24836f50069b29ede21372146f205b5af564f78e Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Sat, 21 Dec 2024 17:55:54 +0200
Subject: [PATCH] web/emojipicker: fix root margin for category underlining

---
 web/src/ui/emojipicker/useCategoryUnderline.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/ui/emojipicker/useCategoryUnderline.ts b/web/src/ui/emojipicker/useCategoryUnderline.ts
index a19f1dd..f9d1043 100644
--- a/web/src/ui/emojipicker/useCategoryUnderline.ts
+++ b/web/src/ui/emojipicker/useCategoryUnderline.ts
@@ -38,6 +38,9 @@ const useCategoryUnderline = () => {
 					cat.classList.remove("visible")
 				}
 			}
+		}, {
+			rootMargin: `-8px 0px 0px 0px`,
+			root: lists.parentElement,
 		})
 		for (const cat of lists.getElementsByClassName("emoji-category")) {
 			observer.observe(cat)