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 a94127b86..f968bd713 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
@@ -1,14 +1,12 @@
-.helpMenuButton:hover {
-  background-color: #e0e0e0;
-  cursor: pointer;
-}
+@use '@carbon/colors';
+@use '@carbon/layout';
 
 .helpMenuButton {
   z-index: 7900;
   background-color: white;
   height: 2.5rem !important;
   width: 2.5rem !important;
-  bottom: 1rem;
+  bottom: layout.$spacing-05;
   position: fixed;
   display: flex;
   justify-content: center;
@@ -18,5 +16,10 @@
   box-shadow:
     0 1px 3px rgba(0, 0, 0, 0.1),
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  border-radius: 2rem;
+  border-radius: layout.$spacing-03;
+
+  &:hover {
+    background-color: colors.$gray-20;
+    cursor: pointer;
+  }
 }