From 1d990ef7c71fa94248d48a45a38c0374605aa731 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C4=90=E1=BB=A9c?= <facoder2k2@gmail.com>
Date: Mon, 7 Jul 2025 23:29:48 +0700
Subject: [PATCH] Fix: increase color popover z-index (#5489)

---
 src/components/toggles/color.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/toggles/color.jsx b/src/components/toggles/color.jsx
index 7ea700ab3..71b7fdc13 100644
--- a/src/components/toggles/color.jsx
+++ b/src/components/toggles/color.jsx
@@ -55,7 +55,7 @@ export default function ColorToggle() {
           leaveFrom="opacity-100 translate-y-0"
           leaveTo="opacity-0 translate-y-1"
         >
-          <Popover.Panel className="absolute -top-[75px] left-0">
+          <Popover.Panel className="absolute -top-[75px] left-0 z-10">
             <div className="rounded-md shadow-lg ring-1 ring-black ring-opacity-5 w-[85vw] sm:w-full">
               <div className="relative grid gap-2 p-2 grid-cols-11 bg-white/50 dark:bg-white/10 shadow-black/10 dark:shadow-black/20 rounded-md shadow-md">
                 {colors.map((color) => (