diff --git a/src/components/navigation/navigation.scss b/src/components/navigation/navigation.scss
index 5ca1fbe..07d6cce 100644
--- a/src/components/navigation/navigation.scss
+++ b/src/components/navigation/navigation.scss
@@ -46,5 +46,4 @@
     // Font
     font-size: 1.25rem;
     display: inline-flex;
-
 }
diff --git a/src/components/navigation/navigation.ts b/src/components/navigation/navigation.ts
index a3be0f3..13f2060 100644
--- a/src/components/navigation/navigation.ts
+++ b/src/components/navigation/navigation.ts
@@ -77,6 +77,14 @@ export default class Navigation extends Vue
         this.$emit('update:activeIndex', newIndex);
     }
 
+    /**
+     * Move to the next course
+     */
+    public nextCourse()
+    {
+        // TODO: implement this.
+    }
+
     /**
      * This function is called when the sign out button is clicked.
      */
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index 44f35a4..dacd1c8 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -18,7 +18,9 @@
 
             <el-button @click="signOut" id="sign-out-button" type="text">Sign Out</el-button>
         </el-menu>
-        <div class="line"></div>
+        <div v-if="activeIndex.includes('course')" @click="nextCourse" id="next-course">
+            ▼ NEXT COURSE ▼
+        </div>
     </div>
 </template>