diff --git a/ui/desktop/app/routes/scopes/scope/projects/sessions.js b/ui/desktop/app/routes/scopes/scope/projects/sessions.js
index a9e0032d7..cc0696a63 100644
--- a/ui/desktop/app/routes/scopes/scope/projects/sessions.js
+++ b/ui/desktop/app/routes/scopes/scope/projects/sessions.js
@@ -8,6 +8,7 @@ import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import { notifySuccess, notifyError } from 'core/decorators/notify';
 import { resourceFilter } from 'core/decorators/resource-filter';
+import { loading } from 'ember-loading';
 
 export default class ScopesScopeProjectsSessionsRoute extends Route {
   // =services
@@ -88,6 +89,7 @@ export default class ScopesScopeProjectsSessionsRoute extends Route {
    * @param {SessionModel}
    */
   @action
+  @loading
   @notifyError(({ message }) => message, { catch: true })
   @notifySuccess('notifications.canceled-success')
   async cancelSession(session) {
diff --git a/ui/desktop/app/routes/scopes/scope/projects/targets.js b/ui/desktop/app/routes/scopes/scope/projects/targets.js
index 8d2787350..fb6fce47f 100644
--- a/ui/desktop/app/routes/scopes/scope/projects/targets.js
+++ b/ui/desktop/app/routes/scopes/scope/projects/targets.js
@@ -7,6 +7,7 @@ import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import { resourceFilter } from 'core/decorators/resource-filter';
+import { loading } from 'ember-loading';
 
 export default class ScopesScopeProjectsTargetsRoute extends Route {
   // =services
@@ -79,6 +80,7 @@ export default class ScopesScopeProjectsTargetsRoute extends Route {
    * @param {HostModel} host
    */
   @action
+  @loading
   async connect(model, host) {
     // TODO: Connect: move this logic into the target model
     try {