diff --git a/packages/ui/src/components/NavBar.vue b/packages/ui/src/components/NavBar.vue
index aa96243f..167d02ec 100644
--- a/packages/ui/src/components/NavBar.vue
+++ b/packages/ui/src/components/NavBar.vue
@@ -173,13 +173,12 @@ export default {
                 contextMenuY: null,
                 element: null,
             },
-            collectionLength: 0
         }
     },
-    beforeMount() {
-        this.collectionLength = this.$store.state.collection.length
-    },
     computed: {
+        collectionLength() {
+            return this.$store.state.collection.length
+        },
         activeWorkspace() {
             return this.$store.state.activeWorkspace
         },