diff --git a/app/webpacker/controllers/vertical_ellipsis_menu_controller.js b/app/components/vertical_ellipsis_menu_component/component_controller.js
similarity index 100%
rename from app/webpacker/controllers/vertical_ellipsis_menu_controller.js
rename to app/components/vertical_ellipsis_menu_component/component_controller.js
diff --git a/app/components/vertical_ellipsis_menu_component/vertical_ellipsis_menu_component.html.haml b/app/components/vertical_ellipsis_menu_component/vertical_ellipsis_menu_component.html.haml
index ea67c8ef00..5557289769 100644
--- a/app/components/vertical_ellipsis_menu_component/vertical_ellipsis_menu_component.html.haml
+++ b/app/components/vertical_ellipsis_menu_component/vertical_ellipsis_menu_component.html.haml
@@ -1,4 +1,4 @@
-.vertical-ellipsis-menu{ "data-controller": "vertical-ellipsis-menu" }
-  %i.fa.fa-ellipsis-v{ "data-action": "click->vertical-ellipsis-menu#toggle" }
-  .vertical-ellipsis-menu-content{ "data-vertical-ellipsis-menu-target": "content" }
+.vertical-ellipsis-menu{ "data-controller": "vertical-ellipsis-menu--component" }
+  %i.fa.fa-ellipsis-v{ "data-action": "click->vertical-ellipsis-menu--component#toggle" }
+  .vertical-ellipsis-menu-content{ "data-vertical-ellipsis-menu--component-target": "content" }
     = content
diff --git a/spec/javascripts/stimulus/vertical_ellipsis_menu_controller_test.js b/spec/javascripts/stimulus/vertical_ellipsis_menu_controller_test.js
index da53c53a14..7e9d830c6b 100644
--- a/spec/javascripts/stimulus/vertical_ellipsis_menu_controller_test.js
+++ b/spec/javascripts/stimulus/vertical_ellipsis_menu_controller_test.js
@@ -3,7 +3,7 @@
  */
 
 import { Application } from "stimulus";
-import vertical_ellipsis_menu_controller from "../../../app/webpacker/controllers/vertical_ellipsis_menu_controller";
+import vertical_ellipsis_menu_controller from "../../../app/components/vertical_ellipsis_menu/component_controller";
 
 describe("VerticalEllipsisMenuController test", () => {
   beforeAll(() => {