diff --git a/client/src/components/TopNavigation.vue b/client/src/components/ContentNavigation.vue
similarity index 100%
rename from client/src/components/TopNavigation.vue
rename to client/src/components/ContentNavigation.vue
diff --git a/client/src/components/HeaderBar.vue b/client/src/components/HeaderBar.vue
index 35ae07ac..bac3015f 100644
--- a/client/src/components/HeaderBar.vue
+++ b/client/src/components/HeaderBar.vue
@@ -1,6 +1,6 @@
 <template>
   <header class="header-bar">
-    <top-navigation></top-navigation>
+    <content-navigation></content-navigation>
     <router-link to="/" class="header-bar__logo" data-cy="home-link">
       <logo></logo>
     </router-link>
@@ -14,7 +14,7 @@
 </template>
 
 <script>
-  import TopNavigation from '@/components/TopNavigation.vue';
+  import ContentNavigation from '@/components/ContentNavigation.vue';
   import BookNavigation from '@/components/book-navigation/BookNavigation';
   import UserWidget from '@/components/UserWidget.vue';
   import LogoutWidget from '@/components/LogoutWidget.vue';
@@ -25,7 +25,7 @@
 
   export default {
     components: {
-      TopNavigation,
+      ContentNavigation,
       UserWidget,
       LogoutWidget,
       BookNavigation,
diff --git a/client/src/components/book-navigation/MobileNavigation.vue b/client/src/components/book-navigation/MobileNavigation.vue
index 2b72e0dc..3f6d4580 100644
--- a/client/src/components/book-navigation/MobileNavigation.vue
+++ b/client/src/components/book-navigation/MobileNavigation.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mobile-navigation">
-    <top-navigation class="mobile-navigation__main" :mobile="true"></top-navigation>
+    <content-navigation class="mobile-navigation__main" :mobile="true"></content-navigation>
     <div class="mobile-navigation__close-button" @click="hideMobileNavigation">
       <cross class="mobile-navigation__close-icon"></cross>
     </div>
@@ -16,14 +16,14 @@
   import Cross from '@/components/icons/Cross';
   import UserWidget from '@/components/UserWidget';
   import LogoutWidget from '@/components/LogoutWidget';
-  import TopNavigation from '@/components/TopNavigation';
+  import ContentNavigation from '@/components/ContentNavigation';
   import ClassSelectionWidget from '@/components/ClassSelectionWidget';
 
   import {meQuery} from '@/graphql/queries';
 
   export default {
     components: {
-      TopNavigation,
+      ContentNavigation,
       Cross,
       UserWidget,
       LogoutWidget,