From e70c7e41ef603a61f2f168154d4f818ca0994a33 Mon Sep 17 00:00:00 2001
From: Florian Sommariva <florian.sommariva@makina-corpus.com>
Date: Mon, 3 Jun 2024 11:29:23 +0200
Subject: [PATCH] Fix user activation zone for main menu dropdown

---
 frontend/src/components/InlineMenu/InlineMenu.tsx | 2 +-
 frontend/src/components/InlineMenu/Menu.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/InlineMenu/InlineMenu.tsx b/frontend/src/components/InlineMenu/InlineMenu.tsx
index 4864a6ccd..a1f8cf008 100644
--- a/frontend/src/components/InlineMenu/InlineMenu.tsx
+++ b/frontend/src/components/InlineMenu/InlineMenu.tsx
@@ -71,7 +71,7 @@ const InlineMenu: React.FC<InlineMenuProps> = ({
             asHover
             className={cn(
               'relative pt-3 pb-2 mr-4 text-white flex items-center border-b-4 border-solid border-transparent duration-500 transition-color',
-              "after:content-[''] after:absolute after:top-10 after:-left-5 after:-right-5 after:h-15",
+              "after:content-[''] after:absolute after:top-10 after:-left-5 after:-right-5 after:h-8",
             )}
             wrapperClassName="flex-row"
             contentClassName="flex-col bg-white text-greyDarkColored rounded-2xl border border-solid border-greySoft overflow-hidden absolute py-2 top-18"
diff --git a/frontend/src/components/InlineMenu/Menu.tsx b/frontend/src/components/InlineMenu/Menu.tsx
index 43d183665..5f8b98c64 100644
--- a/frontend/src/components/InlineMenu/Menu.tsx
+++ b/frontend/src/components/InlineMenu/Menu.tsx
@@ -94,7 +94,7 @@ export const Menu: React.FC<MenuProps> = ({
               className={cn(
                 `custo-menu-item custo-menu-item--lvl1 custo-menu-item--is-dropdown custo-menu-item--index-${index}
               relative flex gap-2 pt-3 pb-2 flex items-center border-b-4 border-solid border-transparent text-white duration-500 transition-color`,
-                "after:content-[''] after:absolute after:top-10 after:-left-6 after:-right-6 after:h-15 hover:after:z-10",
+                "after:content-[''] after:absolute after:top-10 after:-left-6 after:-right-6 after:h-8 hover:after:z-10",
               )}
               expandedClassName={expandedClassName}
               wrapperClassName="custo-menu-item-wrapper flex-row relative"