diff --git a/src/components/menu/menu.css b/src/components/menu/menu.css
index a5bc072280c43c1bf17e6e21b24e1e03ac922b44..c48f0d25dc5b233424d384ec501c9d65a26a55b7 100644
--- a/src/components/menu/menu.css
+++ b/src/components/menu/menu.css
@@ -37,6 +37,10 @@
     background-color: $ui-black-transparent;
 }
 
+.menu-item.hoverable {
+    cursor: pointer;
+}
+
 .menu-section {
     border-top: 1px solid $ui-black-transparent;
 }
diff --git a/src/components/menu/menu.jsx b/src/components/menu/menu.jsx
index e69068052cb4e3b3027c3550bada15c1f0812e80..cd89b3c7b72f5eb31cf3cb4c28d94aed3a28cdc4 100644
--- a/src/components/menu/menu.jsx
+++ b/src/components/menu/menu.jsx
@@ -39,7 +39,11 @@ const MenuItem = ({
     onClick
 }) => (
     <li
-        className={classNames(styles.menuItem, className)}
+        className={classNames(
+            styles.menuItem,
+            styles.hoverable,
+            className
+        )}
         onClick={onClick}
     >
         {children}