From b6b52018db37601ec121deac8f057f878690caba Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Mon, 22 Sep 2025 22:18:05 +1000
Subject: [PATCH] fix active styling

---
 packages/excalidraw/components/ToolWithPopup.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/excalidraw/components/ToolWithPopup.tsx b/packages/excalidraw/components/ToolWithPopup.tsx
index 2c774f10b9..75474aff7f 100644
--- a/packages/excalidraw/components/ToolWithPopup.tsx
+++ b/packages/excalidraw/components/ToolWithPopup.tsx
@@ -53,7 +53,7 @@ export const ToolTypePopup = ({
       const panelWidth = panelRect?.width ?? 0;
       const panelHeight = panelRect?.height ?? 0;
       setPanelPosition({
-        x: triggerRect.left - panelWidth / 2,
+        x: triggerRect.left - panelWidth / 2 + 4,
         y: panelHeight + 8,
       });
     };
@@ -93,15 +93,17 @@ export const ToolTypePopup = ({
       tabIndex={-1}
       style={{
         position: "fixed",
-        top: `${-10}px`,
+        top: `${-16}px`,
         left: `${panelPosition.x}px`,
-        zIndex: 9999,
+        zIndex: "var(--zIndex-popup)",
       }}
       className={CLASSES.CONVERT_ELEMENT_TYPE_POPUP}
     >
       {options.map(({ type, icon, title }) => (
         <ToolButton
-          className={className}
+          className={clsx(className, {
+            active: currentType === type,
+          })}
           key={type}
           type="radio"
           icon={icon}