diff --git a/resources/assets/js/label-trees/components/labelTreeLabel.vue b/resources/assets/js/label-trees/components/labelTreeLabel.vue
index c97c5ee30..9156c6cb0 100644
--- a/resources/assets/js/label-trees/components/labelTreeLabel.vue
+++ b/resources/assets/js/label-trees/components/labelTreeLabel.vue
@@ -34,6 +34,8 @@
 </template>
 
 <script>
+import { MAX_FAVOURITES } from '../constants';
+
 /**
  * A component that displays a single label of a label tree.
  *
@@ -125,8 +127,8 @@ export default {
         showEditButton() {
             return this.editable && this.hover && !this.editing;
         },
-        actualPosition(){
-            return this.position + 1
+        actualPosition() {
+            return (this.position + 1) % MAX_FAVOURITES;
         }
     },
     methods: {
diff --git a/resources/assets/js/label-trees/components/labelTrees.vue b/resources/assets/js/label-trees/components/labelTrees.vue
index ce0724502..25aeaff1d 100644
--- a/resources/assets/js/label-trees/components/labelTrees.vue
+++ b/resources/assets/js/label-trees/components/labelTrees.vue
@@ -15,6 +15,7 @@
 import Keyboard from '../../core/keyboard';
 import LabelTree from './labelTree';
 import Typeahead from './labelTypeahead';
+import { MAX_FAVOURITES } from '../constants';
 
 /**
  * A component that displays a list of label trees.
@@ -110,7 +111,7 @@ export default {
             return this.favourites.map((label) => label.id);
         },
         canHaveMoreFavourites() {
-            return this.favourites.length < 10;
+            return this.favourites.length < MAX_FAVOURITES;
         },
         hasFavourites() {
             return this.favourites.length > 0;
diff --git a/resources/assets/js/label-trees/constants.js b/resources/assets/js/label-trees/constants.js
new file mode 100644
index 000000000..5d43db3ea
--- /dev/null
+++ b/resources/assets/js/label-trees/constants.js
@@ -0,0 +1 @@
+export const MAX_FAVOURITES = 10;
\ No newline at end of file