diff --git a/client/src/pages/mediaLibrary/MLParentPage.vue b/client/src/pages/mediaLibrary/MLParentPage.vue
index b9451517..6998761d 100644
--- a/client/src/pages/mediaLibrary/MLParentPage.vue
+++ b/client/src/pages/mediaLibrary/MLParentPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useMediaLibraryStore } from "@/stores/mediaLibrary";
+import {useMediaLibraryStore} from "@/stores/mediaLibrary";
 import * as log from "loglevel";
-import { onMounted } from "vue";
+import {onMounted} from "vue";
 
 log.debug("MediaLibraryView created");
 
@@ -25,22 +25,22 @@ onMounted(async () => {
 <template>
   <div class="bg-gray-200">
     <nav class="px-6 py-4 border-b bg-white">
-      <ul v-if="mediaLibraryStore.mediaLibraryPage" class="flex flex-col lg:flex-row">
-        <li>
+      <ul v-if="mediaLibraryStore.mediaLibraryPage" class="overflow-auto whitespace-nowrap scrollbar">
+        <li class="lg:ml-12 inline-block">
           <router-link :to="mediaLibraryStore.mediaLibraryPage.frontend_url">
             Übersicht
           </router-link>
         </li>
-        <li class="lg:ml-12">
+        <li class="ml-6 lg:ml-12 inline-block">
           <router-link
             :to="`${mediaLibraryStore.mediaLibraryPage.frontend_url}/category`"
           >
             Handlungsfelder
           </router-link>
         </li>
-        <li class="lg:ml-12">Allgemeines zu Versicherungen</li>
-        <li class="lg:ml-12">Lernmedien</li>
-        <li class="lg:ml-12">
+        <li class="ml-6 lg:ml-12 inline-block">Allgemeines zu Versicherungen</li>
+        <li class="ml-6 lg:ml-12 inline-block">Lernmedien</li>
+        <li class="ml-6 lg:ml-12 inline-block">
           <a href="https://www.vbv.ch/de/der-vbv/lernen-lehren/lexikon">Lexikon</a>
         </li>
       </ul>
@@ -51,4 +51,8 @@ onMounted(async () => {
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+.scrollbar::-webkit-scrollbar {
+  display: none;
+}
+</style>