diff --git a/changes/changelog.d/710.make-album-cards-independent b/changes/changelog.d/710.make-album-cards-independent
new file mode 100644
index 000000000..49cfd4248
--- /dev/null
+++ b/changes/changelog.d/710.make-album-cards-independent
@@ -0,0 +1 @@
+Make album cards height independent (#710)
diff --git a/front/src/components/audio/album/Card.vue b/front/src/components/audio/album/Card.vue
index 1012cc578..702083824 100644
--- a/front/src/components/audio/album/Card.vue
+++ b/front/src/components/audio/album/Card.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="ui card">
+    <div :class="['ui', 'card', mode]">
       <div class="content">
         <div class="right floated tiny ui image">
           <img v-if="album.cover.original" v-lazy="$store.getters['instance/absoluteUrl'](album.cover.square_crop)">
@@ -138,4 +138,8 @@ tr {
 .expand {
   cursor: pointer;
 }
+
+.ui .card.rich {
+  align-self: flex-start;
+}
 </style>