diff --git a/resources/vue/components/courseware/CoursewareTab.vue b/resources/vue/components/courseware/CoursewareTab.vue
index 6be50af897eed7728f0a0417422efcb0196a8b5c..191f552f9d922e25455f838d1222aa93a7a62943 100644
--- a/resources/vue/components/courseware/CoursewareTab.vue
+++ b/resources/vue/components/courseware/CoursewareTab.vue
@@ -27,11 +27,11 @@ export default {
     },
     computed: {
         selectorId() {
-            return '#' +this.index + '-' + this.name.toLowerCase().replace(/ /g, '-');
+            return '#' + this._uid + '-' + this.name.toLowerCase().replace(/ /g, '-');
         },
         id() {
-            return this.index + '-' + this.name.toLowerCase().replace(/ /g, '-') + '-tabpanel';
-        },
+            return this._uid + '-' + this.name.toLowerCase().replace(/ /g, '-') + '-tabpanel';
+        }
     },
     mounted() {
         this.isActive = this.selected;