diff --git a/src/cljs/airsonic_ui/components/collection/views.cljs b/src/cljs/airsonic_ui/components/collection/views.cljs
index afaa427..ce98c0e 100644
--- a/src/cljs/airsonic_ui/components/collection/views.cljs
+++ b/src/cljs/airsonic_ui/components/collection/views.cljs
@@ -40,7 +40,7 @@
   [:div
    [:section.hero.is-small>div.hero-body
     [:div.container
-     [:article.media
+     [:article.collection-header.media
       [:div.media-left [cover album 128]]
       [:div.media-content
        [:h2.title (:name album)]
diff --git a/src/sass/app.sass b/src/sass/app.sass
index bb4197a..c226f06 100644
--- a/src/sass/app.sass
+++ b/src/sass/app.sass
@@ -261,6 +261,20 @@
         margin-bottom: 1rem
 
 .album.detail
+  .collection-header
+    display: block
+
+    .media-left
+      margin-right: 0
+      margin-bottom: 1rem
+
+    +tablet
+      display: flex
+
+      .media-left
+        margin-right: 1rem
+        margin-bottom: 0
+
   .collection-info
     list-style: none