diff --git a/ui/src/services/TagService.js b/ui/src/services/TagService.js
index 55f7d3302f2c47b6e3de70a215ebd32ec9dd3425..e8ddcf30747a9106f1baeffd7d9f9da6d0a2eaae 100644
--- a/ui/src/services/TagService.js
+++ b/ui/src/services/TagService.js
@@ -38,4 +38,13 @@ export class TagService extends Fetcher {
     }
     return tags;
   }
+  sizeCollapseTags(tags){
+    if (Object.keys(tags).length <= 4) {
+      document.getElementById('tagsCollapse').className = 'column is-offset-one-third is-one-third';
+    } else if (Object.keys(tags).length <= 8) {
+      document.getElementById('tagsCollapse').className = 'column is-offset-one-fifth is-three-fifths';
+    } else {
+      document.getElementById('tagsCollapse').className = 'column';
+    }
+  }
 }
diff --git a/ui/src/views/datatype/DataTypeTableView.vue b/ui/src/views/datatype/DataTypeTableView.vue
index 31386017ce1c2c3350f0ec2a6a093f8229e93a4a..4923706f0aba1ddabe465970cc058357ef131cb0 100644
--- a/ui/src/views/datatype/DataTypeTableView.vue
+++ b/ui/src/views/datatype/DataTypeTableView.vue
@@ -749,13 +749,9 @@ export default class DataTypeTableView extends Vue {
         }
       }
     }
-    this.tagsColumn = tags;
-    if (Object.keys(this.tags).length <= 4) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-third is-one-third';
-    } else if (Object.keys(this.tags).length <= 8) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-fifth is-three-fifths';
-    } else {
-      document.getElementById('tagsCollapse').className = 'column';
+    if(tags) {
+      this.tagsColumn = tags;
+      this.tagService.sizeCollapseTags(this.tagsColumn);
     }
   }
 
diff --git a/ui/src/views/datatype/DataTypesManagementView.vue b/ui/src/views/datatype/DataTypesManagementView.vue
index c0681fa7193f89941016b3dfb90ee8dc04ece8c5..5f2d1cc7acdc8b2eba0d35ee1e3bf4612eb5c45d 100644
--- a/ui/src/views/datatype/DataTypesManagementView.vue
+++ b/ui/src/views/datatype/DataTypesManagementView.vue
@@ -202,13 +202,9 @@ export default class DataTypesManagementView extends Vue {
       );
       dataType.localtags = dataType.tags.map((tag) => tags[tag]?.localName || tag);
     }
-    this.tags = tags;
-    if (Object.keys(this.tags).length <= 4) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-third is-one-third';
-    } else if (Object.keys(this.tags).length <= 8) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-fifth is-three-fifths';
-    } else {
-      document.getElementById('tagsCollapse').className = 'column';
+    if(tags) {
+      this.tags = tags;
+      this.tagService.sizeCollapseTags(this.tags);
     }
   }
 
diff --git a/ui/src/views/references/ReferenceTableView.vue b/ui/src/views/references/ReferenceTableView.vue
index 4925757708aaf91f2a1ceb6e8ec074f7354da397..d769a7cdc5d521783c5f0deab992e64f0452368f 100644
--- a/ui/src/views/references/ReferenceTableView.vue
+++ b/ui/src/views/references/ReferenceTableView.vue
@@ -260,7 +260,6 @@ export default class ReferenceTableView extends Vue {
   }
 
   async deleteRowReference(rowId) {
-    console.log(rowId);
     try {
       await this.referenceService.deleteReferenceValuesByKey(
           this.applicationName,
@@ -307,13 +306,9 @@ export default class ReferenceTableView extends Vue {
           (tag) => tags[tag]?.localName || tag
       );
     }
-    this.tagsColumn = tags;
-    if (Object.keys(this.tags).length <= 4) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-third is-one-third';
-    } else if (Object.keys(this.tags).length <= 8) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-fifth is-three-fifths';
-    } else {
-      document.getElementById('tagsCollapse').className = 'column';
+    if(tags) {
+      this.tagsColumn = tags;
+      this.tagService.sizeCollapseTags(this.tagsColumn);
     }
   }
 
diff --git a/ui/src/views/references/ReferencesManagementView.vue b/ui/src/views/references/ReferencesManagementView.vue
index d1536458da78f72ce02281e1bef24e15f79d3c6c..ea506c11ba22b8951f9b9a8eab8c67ad91c523e9 100644
--- a/ui/src/views/references/ReferencesManagementView.vue
+++ b/ui/src/views/references/ReferencesManagementView.vue
@@ -126,13 +126,9 @@ export default class ReferencesManagementView extends Vue {
       );
       reference.localtags = reference.tags.map((tag) => tags[tag]?.localName || tag);
     }
-    this.tags = tags;
-    if (Object.keys(this.tags).length <= 4) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-third is-one-third';
-    } else if (Object.keys(this.tags).length <= 8) {
-      document.getElementById('tagsCollapse').className = 'column is-offset-one-fifth is-three-fifths';
-    } else {
-      document.getElementById('tagsCollapse').className = 'column';
+    if(tags) {
+      this.tags = tags;
+      this.tagService.sizeCollapseTags(this.tags);
     }
   }