diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index 0fbdb5583e..abc1d79712 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -5,6 +5,7 @@
     @backdropClicked="hide"
   >
     <SwipeClick
+      v-if="type === 'image'"
       class="modal-image-container"
       :direction="swipeDirection"
       :threshold="swipeThreshold"
@@ -23,7 +24,6 @@
         :reset-to-min-scale-limit="pinchZoomScaleResetLimit"
       >
         <img
-          v-if="type === 'image'"
           :class="{ loading }"
           class="modal-image"
           :src="currentMedia.url"