diff --git a/resources/assets/js/components/podcast/EpisodeItem.vue b/resources/assets/js/components/podcast/EpisodeItem.vue
index 4dd1da7e..1b315724 100644
--- a/resources/assets/js/components/podcast/EpisodeItem.vue
+++ b/resources/assets/js/components/podcast/EpisodeItem.vue
@@ -9,7 +9,7 @@
   >
     <Icon :icon="faBookmark" size="xl" class="absolute -top-1 right-3 text-k-accent" v-if="isCurrentEpisode" />
     <button
-      class="hidden md:flex-[0_0_128px] relative overflow-hidden rounded-lg active:scale-95"
+      class="hidden md:block md:flex-[0_0_128px] relative overflow-hidden rounded-lg active:scale-95"
       role="button"
       @click.prevent="playOrPause"
     >
diff --git a/resources/assets/js/components/podcast/PodcastItem.vue b/resources/assets/js/components/podcast/PodcastItem.vue
index 2d95a449..1e9e2764 100644
--- a/resources/assets/js/components/podcast/PodcastItem.vue
+++ b/resources/assets/js/components/podcast/PodcastItem.vue
@@ -4,7 +4,7 @@
     class="flex gap-5 p-5 rounded-lg border border-white/5 hover:bg-white/10 bg-white/5 !text-k-text-primary !hover:text-k-text-primary"
     :href="`#/podcasts/${podcast.id}`"
   >
-    <aside class="hidden md:flex-[0_0_128px]">
+    <aside class="hidden md:block md:flex-[0_0_128px]">
       <img :src="podcast.image" alt="Podcast image" class="w-[128px] aspect-square object-cover rounded-lg" />
     </aside>
     <main class="flex-1">