diff --git a/myems-web/package-lock.json b/myems-web/package-lock.json
index f2a78aff0f..6965f367b6 100644
--- a/myems-web/package-lock.json
+++ b/myems-web/package-lock.json
@@ -88,6 +88,7 @@
         "react-typed": "^1.2.0",
         "reactstrap": "^8.6.0",
         "rsuite": "^5.16.3",
+        "scorpio-menu": "^0.1.1",
         "slick-carousel": "^1.8.1",
         "styled-components": "^6.0.5",
         "uuid": "^9.0.0"
@@ -23238,6 +23239,15 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/scorpio-menu": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/scorpio-menu/-/scorpio-menu-0.1.1.tgz",
+      "integrity": "sha512-C3khdD3rskz0oMufaiEfxuENm3V5ECUk99GNihsmRC6hqP6MfwuZUVm8vBbL+JGhddODAY/9P+oIABl8OraE7g==",
+      "dependencies": {
+        "react": "^16.4.2",
+        "webpack-node-externals": "^1.7.2"
+      }
+    },
     "node_modules/scss-tokenizer": {
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.4.3.tgz",
@@ -26597,6 +26607,11 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/webpack-node-externals": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/webpack-node-externals/-/webpack-node-externals-1.7.2.tgz",
+      "integrity": "sha512-ajerHZ+BJKeCLviLUUmnyd5B4RavLF76uv3cs6KNuO8W+HuQaEs0y0L7o40NQxdPy5w0pcv8Ew7yPUAQG0UdCg=="
+    },
     "node_modules/webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
diff --git a/myems-web/package.json b/myems-web/package.json
index 2c4d3f296e..07ff741757 100644
--- a/myems-web/package.json
+++ b/myems-web/package.json
@@ -85,7 +85,8 @@
     "rsuite": "^5.16.3",
     "slick-carousel": "^1.8.1",
     "styled-components": "^6.0.5",
-    "uuid": "^9.0.0"
+    "uuid": "^9.0.0",
+    "scorpio-menu": "^0.1.1"
   },
   "scripts": {
     "start": "react-scripts start",