diff --git a/client/src/components/modules/ModuleNavigation.vue b/client/src/components/modules/ModuleNavigation.vue
index 2b9d021e..5f07e986 100644
--- a/client/src/components/modules/ModuleNavigation.vue
+++ b/client/src/components/modules/ModuleNavigation.vue
@@ -8,7 +8,7 @@
         :to="submissionsLink(assignment)"
         v-for="assignment in assignments"
         :key="assignment.id"
-        class="module-navigation__anchor"
+        class="module-navigation__anchor sub-navigation-item__link"
         exact-active-class="module-navigation__anchor--active"
       >{{assignmentTitle(assignment)}}
       </router-link>
@@ -32,12 +32,12 @@
       </div>
     </div>
 
-      <toggle-solutions-for-module
-        v-if="onModulePage && module.id"
-        :module="module.id"
-        :enabled="module.solutionsEnabled"
-        class="module-navigation__solution-toggle"
-        data-cy="toggle-enable-solutions"></toggle-solutions-for-module>
+    <toggle-solutions-for-module
+      v-if="onModulePage && module.id"
+      :module="module.id"
+      :enabled="module.solutionsEnabled"
+      class="module-navigation__solution-toggle"
+      data-cy="toggle-enable-solutions"></toggle-solutions-for-module>
   </nav>
 
 </template>
@@ -117,10 +117,12 @@
   .module-navigation {
     position: -webkit-sticky;
     position: sticky;
-    top: 75px;
+    top: 50px;
     display: none;
     width: 100%;
     box-sizing: border-box;
+    z-index: 90;
+    background-color: $color-white;
 
     @include desktop {
       display: flex;
diff --git a/client/src/styles/_navigation.scss b/client/src/styles/_navigation.scss
index e97971f3..9c03305e 100644
--- a/client/src/styles/_navigation.scss
+++ b/client/src/styles/_navigation.scss
@@ -58,6 +58,8 @@
     width: 100%;
     box-sizing: border-box;
     margin-top: 17px;
+    display: flex;
+    flex-direction: column;
 
     &:empty {
       display: none;