From 3dfb5e60dec9b6c2ac03b87ba8a74968355f0ce3 Mon Sep 17 00:00:00 2001
From: Jon Staab <jstaab@protonmail.com>
Date: Mon, 17 Aug 2026 15:14:12 -0700
Subject: [PATCH] Hide emoji picker border in dialog

---
 src/lib/components/base.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/components/base.css b/src/lib/components/base.css
index b5601321..b723dda6 100644
--- a/src/lib/components/base.css
+++ b/src/lib/components/base.css
@@ -413,6 +413,12 @@ emoji-picker {
   max-width: 100%;
 }
 
+/* In a popover the border is what separates the picker from the page, but in a dialog
+   it sits on a surface of its own color, so it reads as a stray box. */
+.dialog emoji-picker {
+  --border-size: 0;
+}
+
 [data-tippy-root]:has(emoji-picker) {
   max-width: min(352px, calc(100vw - 2rem));
 }