diff --git a/app/javascript/vue/mixins/moduleNameObserver.js b/app/javascript/vue/mixins/moduleNameObserver.js
index a86f60ee3..66eb09545 100644
--- a/app/javascript/vue/mixins/moduleNameObserver.js
+++ b/app/javascript/vue/mixins/moduleNameObserver.js
@@ -21,7 +21,8 @@ export default {
   },
   methods: {
     observeChanges() {
-      const targetNode = document.querySelector('.my_module-name .view-mode');
+      const targetNode = document
+        .querySelector('.my_module-name .view-mode, .my_module-name .name-readonly-placeholder');
       if (!targetNode) return;
 
       this.moduleName = targetNode.textContent;