diff --git a/packages/navigation/package.json b/packages/navigation/package.json
index 7c2e32b..d6f0bd8 100644
--- a/packages/navigation/package.json
+++ b/packages/navigation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@10up/component-navigation",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "author": "10up",
   "description": "Accessible navigation component.",
   "main": "dist/index.js",
diff --git a/packages/navigation/src/navigation.js b/packages/navigation/src/navigation.js
index 6d58d4c..f1afeca 100644
--- a/packages/navigation/src/navigation.js
+++ b/packages/navigation/src/navigation.js
@@ -200,9 +200,10 @@ export default class Navigation {
 	 * Adds JS classes and initial AIRA attributes.
 	 */
 	setupSubMenus() {
+		const id = this.$menu.getAttribute('id') ?? '';
 		this.$submenus.forEach(($submenu, index) => {
 			const $anchor = $submenu.previousElementSibling;
-			const submenuID = `tenUp-submenu-${index}`;
+			const submenuID = `tenUp-submenu-${id}-${index}`;
 
 			$submenu.setAttribute('id', submenuID);