diff --git a/resources/assets/stylesheets/scss/my_courses.scss b/resources/assets/stylesheets/scss/my_courses.scss
index 769f3d2af1ec8d09b85bba64b9b7da60bc050c9e..62c3be813679fcf9c09d2036db86ee47bc3a3a9e 100644
--- a/resources/assets/stylesheets/scss/my_courses.scss
+++ b/resources/assets/stylesheets/scss/my_courses.scss
@@ -57,3 +57,44 @@ form.default .mycourses-group-selector {
         }
     }
 }
+
+$icon-padding: 3px;
+
+.my-courses-navigation {
+    list-style: none;
+    margin: 0 0 -10px;
+    padding: 0;
+
+    display: flex;
+    flex-wrap: wrap;
+}
+.my-courses-navigation-item {
+    margin: 0 3px 10px 0;
+
+    a {
+        display: inline-block;
+        padding: $icon-padding;
+    }
+
+    &:last-child {
+        margin-right: 0;
+    }
+
+    img {
+        vertical-align: bottom;
+    }
+
+    .empty-slot {
+        display: inline-block;
+        padding-left: $icon-padding;
+        padding-right: $icon-padding;
+    }
+}
+.my-courses-navigation-important {
+    $border-width: 1px;
+    border: $border-width solid var(--red);
+
+    a {
+        padding: $icon-padding - $border-width;
+    }
+}
diff --git a/resources/vue/components/MyCoursesNavigation.vue b/resources/vue/components/MyCoursesNavigation.vue
index aa36499facca6723c9a26b1407238c5b91c84aed..e782c7a60f6d6575a91bfe438b546f08ca4b57b6 100644
--- a/resources/vue/components/MyCoursesNavigation.vue
+++ b/resources/vue/components/MyCoursesNavigation.vue
@@ -27,47 +27,3 @@ export default {
     }
 }
 </script>
-
-<style lang="scss">
-$icon-padding: 3px;
-
-.my-courses-navigation {
-    list-style: none;
-    margin: 0;
-    margin-bottom: -10px;
-    padding: 0;
-
-    display: flex;
-    flex-wrap: wrap;
-}
-.my-courses-navigation-item {
-    margin: 0 3px 10px 0;
-
-    a {
-        display: inline-block;
-        padding: $icon-padding;
-    }
-
-    &:last-child {
-        margin-right: 0;
-    }
-
-    img {
-        vertical-align: bottom;
-    }
-
-    .empty-slot {
-        display: inline-block;
-        padding-left: $icon-padding;
-        padding-right: $icon-padding;
-    }
-}
-.my-courses-navigation-important {
-    $border-width: 1px;
-    border: $border-width solid var(--red);
-
-    a {
-        padding: $icon-padding - $border-width;
-    }
-}
-</style>