diff --git a/app/components/tag/new.js b/app/components/tag/new.js
index 81465c4acd98cbdd9d99f3611ece52834101e0bd..47df00b9e5bd67c2256eb8e20c5e4b99c48d46b4 100644
--- a/app/components/tag/new.js
+++ b/app/components/tag/new.js
@@ -1,7 +1,8 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
+import { service } from '@ember/service';
+
 
 const COLORS = [
   '#ff0000',
@@ -34,6 +35,7 @@ export default class NewTagComponent extends Component {
   */
 
   @service store;
+  @service router;
 
   // initially only 'new' button is visible
   @tracked form_visible = false;
@@ -59,6 +61,7 @@ export default class NewTagComponent extends Component {
     }).save();
 
     this._empty_form();
+    this.router.refresh();
   }
 
   @action
diff --git a/app/components/tag/table_row.js b/app/components/tag/table_row.js
index 248c793d7d2723dbcdec4a37c519425f526dbd21..b8befd52f1b4323d4dd8677b97e87b28eafcf1ca 100644
--- a/app/components/tag/table_row.js
+++ b/app/components/tag/table_row.js
@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
-import { inject as service } from '@ember/service';
+import { service } from '@ember/service';
 
 
 export default class TableRowComponent extends Component {
@@ -14,6 +14,7 @@ export default class TableRowComponent extends Component {
   @action
   async onRemove(tag) {
     await tag.destroyRecord();
+    this.router.refresh();
   }
 
   @action