src/components/gallery/gallery.js

@@ -88,9 +88,7 @@ const Gallery = {
       set(this.sizes, id, { width, height })
     },
     rowStyle (row) {
-      if (row.audio) {
-        return { 'height': '10em' } // fixed reduced height for audio
-      } else if (!row.minimal && !row.grid) {
+      if (!row.audio && !row.minimal && !row.grid) {
         return { 'aspect-ratio': `1/${(1 / (row.items.length + 0.6))}` }
       }
     },

src/components/gallery/gallery.vue

@@ -102,6 +102,10 @@
       max-height: 30em;
     }
 
+    &.-audio {
+      aspect-ratio: 4/1; // this is terrible, but it's how it was before so I'm not changing it >:(
+    }
+
     &:not(:first-child) {
       margin-top: 0.5em;
     }