diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index 680d3d1..48b8532 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -12,7 +12,7 @@
             <el-submenu index="courses">
                 <template slot="title">Courses</template>
                 <el-menu-item v-for="course in courses"
-                              :index="`course/${course.name.toLowerCase()}`"
+                              :index="`course/${course.id}/${course.name.toLowerCase()}`"
                               :key="course.name">{{course.name}}</el-menu-item>
             </el-submenu>