From c04177e6bf1ce4e8e9a5f4279244354759e7adfa Mon Sep 17 00:00:00 2001
From: "paulina.shakirova" <paulina.shakirova@elastic.co>
Date: Tue, 19 Nov 2024 22:53:54 +0100
Subject: [PATCH 1/2] fix: make panel top nav menu item button full width on
 mobile

---
 .../navigation/public/top_nav_menu/top_nav_menu_item.tsx   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
index 16017fda0ffbc..0c00a74d3344c 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
@@ -80,7 +80,12 @@ export function TopNavMenuItem(props: TopNavMenuData & { isMobileMenu?: boolean
       </EuiToolTip>
     ) : props.emphasize ? (
       // fill is not compatible with EuiHeaderLink
-      <EuiButton size="s" {...commonButtonProps} fill={props.fill ?? true}>
+      <EuiButton
+        size={!props.isMobileMenu ? 's' : undefined}
+        fullWidth={props.isMobileMenu}
+        {...commonButtonProps}
+        fill={props.fill ?? true}
+      >
         {getButtonContainer()}
       </EuiButton>
     ) : (

From 2f4843894ab49a42b747339e3df763d2401c807e Mon Sep 17 00:00:00 2001
From: "paulina.shakirova" <paulina.shakirova@elastic.co>
Date: Tue, 19 Nov 2024 23:01:16 +0100
Subject: [PATCH 2/2] simplify solution

---
 .../navigation/public/top_nav_menu/top_nav_menu_item.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
index 0c00a74d3344c..84232d47fd337 100644
--- a/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
+++ b/src/plugins/navigation/public/top_nav_menu/top_nav_menu_item.tsx
@@ -81,7 +81,7 @@ export function TopNavMenuItem(props: TopNavMenuData & { isMobileMenu?: boolean
     ) : props.emphasize ? (
       // fill is not compatible with EuiHeaderLink
       <EuiButton
-        size={!props.isMobileMenu ? 's' : undefined}
+        size="s"
         fullWidth={props.isMobileMenu}
         {...commonButtonProps}
         fill={props.fill ?? true}