From 52895e7e2c16bd01f8db7f34396d0e6615a44db5 Mon Sep 17 00:00:00 2001
From: Ryan Di <ryan.weihao.di@gmail.com>
Date: Wed, 24 Sep 2025 20:14:16 +1000
Subject: [PATCH] toolbar styles

---
 packages/excalidraw/components/MobileToolBar.scss |  4 ++--
 packages/excalidraw/components/MobileToolBar.tsx  | 15 +++------------
 packages/excalidraw/components/Toolbar.scss       |  4 ++++
 3 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/packages/excalidraw/components/MobileToolBar.scss b/packages/excalidraw/components/MobileToolBar.scss
index e0ae0a2683..b936c70ebd 100644
--- a/packages/excalidraw/components/MobileToolBar.scss
+++ b/packages/excalidraw/components/MobileToolBar.scss
@@ -29,8 +29,8 @@
     flex-shrink: 0;
 
     .ToolIcon__icon {
-      width: var(--mobile-action-button-size);
-      height: var(--mobile-action-button-size);
+      width: 2.25rem;
+      height: 2.25rem;
 
       &:hover {
         background-color: transparent;
diff --git a/packages/excalidraw/components/MobileToolBar.tsx b/packages/excalidraw/components/MobileToolBar.tsx
index e23f360200..ecb3f9c5ce 100644
--- a/packages/excalidraw/components/MobileToolBar.tsx
+++ b/packages/excalidraw/components/MobileToolBar.tsx
@@ -363,7 +363,8 @@ export const MobileToolBar = ({
           className={clsx(
             "App-toolbar__extra-tools-trigger App-toolbar__extra-tools-trigger--mobile",
             {
-              "App-toolbar__extra-tools-trigger--selected": extraToolSelected,
+              "App-toolbar__extra-tools-trigger--selected":
+                extraToolSelected || isOtherShapesMenuOpen,
             },
           )}
           onToggle={() => setIsOtherShapesMenuOpen(!isOtherShapesMenuOpen)}
@@ -376,17 +377,7 @@ export const MobileToolBar = ({
             justifyContent: "center",
           }}
         >
-          <div
-            style={{
-              width: WIDTH,
-              height: WIDTH,
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-            }}
-          >
-            {extraIcon}
-          </div>
+          {extraIcon}
         </DropdownMenu.Trigger>
         <DropdownMenu.Content
           onClickOutside={() => setIsOtherShapesMenuOpen(false)}
diff --git a/packages/excalidraw/components/Toolbar.scss b/packages/excalidraw/components/Toolbar.scss
index 14c4cc174b..3919176bbb 100644
--- a/packages/excalidraw/components/Toolbar.scss
+++ b/packages/excalidraw/components/Toolbar.scss
@@ -44,6 +44,10 @@
         var(--button-active-border, var(--color-primary-darkest)) inset;
     }
 
+    &:hover {
+      background-color: transparent;
+    }
+
     &--selected,
     &--selected:hover {
       background: var(--color-primary-light);