diff --git a/web-src/src/components/ListArtists.vue b/web-src/src/components/ListArtists.vue
index dabb982a..2d215bab 100644
--- a/web-src/src/components/ListArtists.vue
+++ b/web-src/src/components/ListArtists.vue
@@ -13,7 +13,7 @@
       @click="open(item.item)"
     >
       <div class="media-content">
-        <p class="title is-6" v-text="item.item.name" />
+        <p class="is-size-6 has-text-weight-bold" v-text="item.item.name" />
       </div>
       <div class="media-right">
         <a @click.prevent.stop="open_dialog(item.item)">
diff --git a/web-src/src/components/ListArtistsSpotify.vue b/web-src/src/components/ListArtistsSpotify.vue
index fe3ea053..c3586c69 100644
--- a/web-src/src/components/ListArtistsSpotify.vue
+++ b/web-src/src/components/ListArtistsSpotify.vue
@@ -1,8 +1,8 @@
 <template>
   <template v-for="item in items" :key="item.id">
-    <div class="media is-align-items-center mb-0">
-      <div class="media-content is-clickable" @click="open(item)">
-        <p class="title is-6" v-text="item.name" />
+    <div class="media is-align-items-center is-clickable mb-0">
+      <div class="media-content" @click="open(item)">
+        <p class="is-size-6 has-text-weight-bold" v-text="item.name" />
       </div>
       <div class="media-right">
         <a @click.prevent.stop="open_dialog(item)">
diff --git a/web-src/src/components/ListComposers.vue b/web-src/src/components/ListComposers.vue
index 95ddf45a..8ced837f 100644
--- a/web-src/src/components/ListComposers.vue
+++ b/web-src/src/components/ListComposers.vue
@@ -15,7 +15,7 @@
       @click="open(item.item)"
     >
       <div class="media-content">
-        <p class="title is-6" v-text="item.item.name" />
+        <p class="is-size-6 has-text-weight-bold" v-text="item.item.name" />
       </div>
       <div class="media-right">
         <a @click.prevent.stop="open_dialog(item.item)">
diff --git a/web-src/src/components/ListDirectories.vue b/web-src/src/components/ListDirectories.vue
index b8f94c22..789ad7c4 100644
--- a/web-src/src/components/ListDirectories.vue
+++ b/web-src/src/components/ListDirectories.vue
@@ -27,7 +27,7 @@
     >
       <mdicon class="media-left icon" name="folder" />
       <div class="media-content">
-        <p class="title is-6" v-text="item.name" />
+        <p class="is-size-6 has-text-weight-bold" v-text="item.name" />
       </div>
       <div class="media-right">
         <a @click.prevent.stop="open_dialog(item)">
diff --git a/web-src/src/components/ListGenres.vue b/web-src/src/components/ListGenres.vue
index bdfff892..15784136 100644
--- a/web-src/src/components/ListGenres.vue
+++ b/web-src/src/components/ListGenres.vue
@@ -15,7 +15,7 @@
       @click="open(item.item)"
     >
       <div class="media-content">
-        <p class="title is-6" v-text="item.item.name" />
+        <p class="is-size-6 has-text-weight-bold" v-text="item.item.name" />
       </div>
       <div class="media-right">
         <a @click.prevent.stop="open_dialog(item.item)">
diff --git a/web-src/src/components/ListPlaylists.vue b/web-src/src/components/ListPlaylists.vue
index 0e759ca8..ee14f693 100644
--- a/web-src/src/components/ListPlaylists.vue
+++ b/web-src/src/components/ListPlaylists.vue
@@ -6,7 +6,7 @@
     >
       <mdicon class="media-left icon" :name="icon(item.item)" />
       <div class="media-content">
-        <p class="title is-6" v-text="item.item.name" />
+        <p class="is-size-6 has-text-weight-bold" v-text="item.item.name" />
       </div>
       <div class="media-right">
         <a @click.prevent.stop="open_dialog(item.item)">