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 3e3db53b6..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,9 +1,12 @@ +@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; @@ -13,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; + } }