diff --git a/vue/src/components/Artboards.vue b/vue/src/components/Artboards.vue
index d591beb4..c94cd68d 100644
--- a/vue/src/components/Artboards.vue
+++ b/vue/src/components/Artboards.vue
@@ -44,11 +44,13 @@ export default {
   },
   methods: {
     add() {
+      const next_id = this.artboards.length;
       this.artboards.push({
-        id: artboardsLocalStorage.uid++,
+        id: next_id,
         width: 375, // TODO: dynamic
         height: 667 // TODO: dynamic
       });
+
     },
     remove(id) {
       // TODO: Add test for deleting multiple selected artboards