diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
index 4a55c0a95..95708340a 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/PreChatForm/Settings.vue
@@ -114,7 +114,7 @@ export default {
           <label>
             {{ $t('INBOX_MGMT.PRE_CHAT_FORM.PRE_CHAT_MESSAGE.LABEL') }}
           </label>
-          <woot-message-editor
+          <WootMessageEditor
             v-model="preChatMessage"
             class="message-editor"
             :placeholder="
@@ -152,10 +152,10 @@ export default {
                 </th>
               </tr>
             </thead>
-            <pre-chat-fields
+            <PreChatFields
               :pre-chat-fields="preChatFields"
               @update="handlePreChatFieldOptions"
-              @drag-end="changePreChatFieldFieldsOrder"
+              @dragEnd="changePreChatFieldFieldsOrder"
             />
           </table>
         </div>