From 6ca6ee3fb85759c502253489033153f3cbb9afef Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Fri, 1 Nov 2024 17:55:00 +0700
Subject: [PATCH] feat: expand the clickable areas ribbon panel (#3917)

---
 web/containers/Layout/RibbonPanel/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/containers/Layout/RibbonPanel/index.tsx b/web/containers/Layout/RibbonPanel/index.tsx
index 2eb1bad70..ee00b2237 100644
--- a/web/containers/Layout/RibbonPanel/index.tsx
+++ b/web/containers/Layout/RibbonPanel/index.tsx
@@ -95,10 +95,11 @@ export default function RibbonPanel() {
         return (
           <div
             className={twMerge(
-              'relative my-0.5 flex h-8 w-8 items-center justify-center rounded-md hover:bg-[hsla(var(--ribbon-panel-icon-hover))]',
+              'relative my-0.5 flex h-8 w-8 cursor-pointer items-center justify-center rounded-md hover:bg-[hsla(var(--ribbon-panel-icon-hover))]',
               i === 1 && 'mb-auto'
             )}
             key={i}
+            onClick={() => onMenuClick(menu.state)}
           >
             <Tooltip
               side="right"
@@ -112,7 +113,6 @@ export default function RibbonPanel() {
                       isActive &&
                         'z-10 text-[hsla(var(--ribbon-panel-icon-active))]'
                     )}
-                    onClick={() => onMenuClick(menu.state)}
                   >
                     {menu.icon}
                   </div>