From 51d3b0eb3507bd34e6f15163ff5bac1946f32226 Mon Sep 17 00:00:00 2001
From: Viraj Wathsala Gunasinghe <virajwgunasinghe@gmail.com>
Date: Sun, 20 Oct 2024 08:41:06 +0530
Subject: [PATCH 1/2] Update help.component.tsx

---
 packages/apps/esm-help-menu-app/src/help-menu/help.component.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/apps/esm-help-menu-app/src/help-menu/help.component.tsx b/packages/apps/esm-help-menu-app/src/help-menu/help.component.tsx
index 1fc153f89..fab8d1e06 100644
--- a/packages/apps/esm-help-menu-app/src/help-menu/help.component.tsx
+++ b/packages/apps/esm-help-menu-app/src/help-menu/help.component.tsx
@@ -43,6 +43,7 @@ export default function HelpMenu() {
         className={classNames(styles.helpMenuButton)}
       >
         <Help size={24} />
+        {!helpMenuOpen && <span className={styles.helpLabel}>Help</span>} {/* Label is hidden when menu is open */}
       </button>
       {helpMenuOpen && (
         <div id="help-menu-popup" ref={popupRef} className={styles.helpMenuPopup}>

From d134ed51663a9af44d0aa56464ba0330617e3b82 Mon Sep 17 00:00:00 2001
From: Viraj Wathsala Gunasinghe <virajwgunasinghe@gmail.com>
Date: Sun, 20 Oct 2024 08:41:39 +0530
Subject: [PATCH 2/2] Update help.styles.scss

---
 .../src/help-menu/help.styles.scss            | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss b/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss
index f968bd713..79da5abd2 100644
--- a/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss
+++ b/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss
@@ -22,4 +22,23 @@
     background-color: colors.$gray-20;
     cursor: pointer;
   }
+
+  &:hover .helpLabel {
+    display: block;
+  }
+}
+
+.helpLabel {
+  display: none;
+  position: absolute;
+  right: calc(100% + 8px);
+  top: 50%;
+  transform: translateY(-50%);
+  font-size: 0.875rem;
+  background-color: colors.$gray-100;
+  color: white;
+  padding: layout.$spacing-01 layout.$spacing-02;
+  border-radius: layout.$spacing-01;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+  white-space: nowrap;
 }