diff --git a/assets/vue/components/course/HomeCourseCard.vue b/assets/vue/components/course/CourseToolList.vue
similarity index 97%
rename from assets/vue/components/course/HomeCourseCard.vue
rename to assets/vue/components/course/CourseToolList.vue
index 40fcfce3c4..8e4268cdf8 100644
--- a/assets/vue/components/course/HomeCourseCard.vue
+++ b/assets/vue/components/course/CourseToolList.vue
@@ -8,7 +8,7 @@
             <v-icon
                 :icon="tool.tool.icon"
                 size="48px"
-                class="font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-blue-400 to-green-600"
+                class="font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-blue-400 to-blue-600"
             />
 <!--          <img-->
 <!--              :alt="tool.tool.name"-->
diff --git a/assets/vue/components/course/HomeShortCutCard.vue b/assets/vue/components/course/ShortCutList.vue
similarity index 97%
rename from assets/vue/components/course/HomeShortCutCard.vue
rename to assets/vue/components/course/ShortCutList.vue
index 38062b9aa1..1d3ceaf195 100644
--- a/assets/vue/components/course/HomeShortCutCard.vue
+++ b/assets/vue/components/course/ShortCutList.vue
@@ -29,7 +29,7 @@
 import {mapGetters} from "vuex";
 
 export default {
-  name: 'HomeShortCutCard',
+  name: 'ShortCutList',
   props: {
     shortcut: Object,
     goToShortCut: {
diff --git a/assets/vue/views/course/Home.vue b/assets/vue/views/course/Home.vue
index 4a64078724..a89dccd762 100644
--- a/assets/vue/views/course/Home.vue
+++ b/assets/vue/views/course/Home.vue
@@ -91,14 +91,15 @@
     <div
         class="grid gap-5 grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-6"
     >
-      <HomeCourseCard
+      <CourseToolList
           v-for="tool in tools.authoring"
           :course="course"
           :tool="tool"
           :go-to-course-tool="goToCourseTool"
           :change-visibility="changeVisibility"
       />
-      <HomeCourseCard
+
+      <CourseToolList
           v-for="tool in tools.interaction"
           :course="course"
           :tool="tool"
@@ -106,7 +107,7 @@
           :change-visibility="changeVisibility"
       />
 
-      <HomeShortCutCard
+      <ShortCutList
           v-for="shortcut in shortcuts"
           :shortcut="shortcut"
           :go-to-short-cut="goToShortCut"
@@ -119,8 +120,8 @@
 <script>
 import Loading from '../../components/Loading.vue';
 import Toolbar from '../../components/Toolbar.vue';
-import HomeCourseCard from '../../components/course/HomeCourseCard.vue';
-import HomeShortCutCard from '../../components/course/HomeShortCutCard.vue';
+import CourseToolList from '../../components/course/CourseToolList.vue';
+import ShortCutList from '../../components/course/ShortCutList.vue';
 
 import {useRoute} from 'vue-router'
 import axios from "axios";
@@ -134,8 +135,8 @@ export default {
   components: {
     Loading,
     Toolbar,
-    HomeCourseCard,
-    HomeShortCutCard
+    CourseToolList,
+    ShortCutList
   },
   setup() {
     const state = reactive({