diff --git a/ui/desktop/app/routes/scopes/scope/projects/targets.js b/ui/desktop/app/routes/scopes/scope/projects/targets.js
index 345467ff0..7fa97b993 100644
--- a/ui/desktop/app/routes/scopes/scope/projects/targets.js
+++ b/ui/desktop/app/routes/scopes/scope/projects/targets.js
@@ -1,6 +1,7 @@
 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
+import { loading } from 'ember-loading';
 import { resourceFilter } from 'core/decorators/resource-filter';
 import runEvery from 'ember-pollster/decorators/route/run-every';
 import config from '../../../../config/environment';
@@ -140,4 +141,13 @@ export default class ScopesScopeProjectsTargetsRoute extends Route {
   clearAllFilters() {
     this.project = [];
   }
+
+  /**
+   * refreshes target data.
+   */
+  @action
+  @loading
+  async refreshTargets() {
+    return this.refresh();
+  }
 }
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
index d32b85516..2043b2a88 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
@@ -83,6 +83,9 @@
               >{{t 'actions.clear-all-filters'}}
               </Rose::Button>
             {{/if}}
+            <LoadingButton @onClick={{route-action 'refreshTargets'}}>
+              {{t 'actions.refresh'}}
+            </LoadingButton>
           </Rose::Form>
         </Rose::Toolbar>
       {{/if}}