From 68231504d0218044e7d6521f19d9c172ee992049 Mon Sep 17 00:00:00 2001
From: userAdityaa <aditya.chaudhary1558@gmail.com>
Date: Thu, 16 Apr 2026 15:38:25 +0000
Subject: [PATCH] fix: modal close button stacking above emoji picker on mobile
 (#211)

Co-authored-by: userAdityaa <aditya.chaudhary1558@gmail.com>
Co-committed-by: userAdityaa <aditya.chaudhary1558@gmail.com>
---
 src/lib/components/Dialog.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Dialog.svelte b/src/lib/components/Dialog.svelte
index dc4142e8..150bdc0b 100644
--- a/src/lib/components/Dialog.svelte
+++ b/src/lib/components/Dialog.svelte
@@ -37,9 +37,9 @@
   )
 
   const buttonClass = $derived(
-    cx("absolute right-3 btn btn-circle btn-neutral btn-sm", {
+    cx("absolute right-3 z-tooltip btn btn-circle btn-neutral btn-sm", {
       "top-3": fullscreen,
-      "-top-4": !fullscreen,
+      "-top-4 mr-sai": !fullscreen,
     }),
   )
 </script>