diff --git a/wax-prosemirror-components/package.json b/wax-prosemirror-components/package.json
index 32140789d22a471c2e2c28ad4085f98a0e134922..d6d6d7007b6dc094c2306b9f28ce0f991939e621 100644
--- a/wax-prosemirror-components/package.json
+++ b/wax-prosemirror-components/package.json
@@ -27,7 +27,8 @@
     "use-deep-compare-effect": "^1.3.1",
     "uuid": "^7.0.3",
     "wax-prosemirror-core": "^0.0.20",
-    "wax-prosemirror-utilities": "^0.0.20"
+    "wax-prosemirror-utilities": "^0.0.20",
+    "@pubsweet/ui-toolkit": "^2.3.1"
   },
   "resolutions": {
     "prosemirror-model": "1.11.0",
diff --git a/wax-prosemirror-components/src/ui/buttons/MenuButton.js b/wax-prosemirror-components/src/ui/buttons/MenuButton.js
index 91e81f11dd89bd92c54439106247607a261f3a48..6101c3d50fcd0b31e65db6cb7c77efaa63c497f0 100644
--- a/wax-prosemirror-components/src/ui/buttons/MenuButton.js
+++ b/wax-prosemirror-components/src/ui/buttons/MenuButton.js
@@ -78,6 +78,7 @@ const MenuButton = props => {
     title,
     onMouseDown,
   } = props;
+
   return (
     <Wrapper
       active={active}