diff --git a/src/components/gallery/gallery.js b/src/components/gallery/gallery.js
index 6a847c79..fa3ec72f 100644
--- a/src/components/gallery/gallery.js
+++ b/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))}` }
       }
     },
diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue
index 0bbbb3f6..d41eccd0 100644
--- a/src/components/gallery/gallery.vue
+++ b/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;
     }