diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index 45735ab..7531a9b 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -18,10 +18,12 @@
 
             <el-button @click="signOut" id="sign-out-button" type="text">Sign Out</el-button>
         </el-menu>
-        <div v-if="activeIndex.includes('course')" @click="nextCourse(-1)" id="prev-course">
+        <div v-if="activeIndex.includes('course')" @click="nextCourse(-1)"
+             id="prev-course" class="nav-course-operations">
             ▲ PREVIOUS COURSE ▲
         </div>
-        <div v-if="activeIndex.includes('course')" @click="nextCourse(1)" id="next-course">
+        <div v-if="activeIndex.includes('course')" @click="nextCourse(1)"
+             id="next-course" class="nav-course-operations">
             ▼ NEXT COURSE ▼
         </div>
     </div>