diff --git a/public/js/compose.js b/public/js/compose.js
index 35cec4dd9..1d982bf8a 100644
Binary files a/public/js/compose.js and b/public/js/compose.js differ
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 6e293df6a..23da3353c 100644
Binary files a/public/mix-manifest.json and b/public/mix-manifest.json differ
diff --git a/resources/assets/js/components/ComposeModal.vue b/resources/assets/js/components/ComposeModal.vue
index 62762b549..d9b46ea70 100644
--- a/resources/assets/js/components/ComposeModal.vue
+++ b/resources/assets/js/components/ComposeModal.vue
@@ -67,9 +67,7 @@
 								</li>
 								<li class="nav-item" v-for="(filter, index) in filters">
 									<div class="p-1 pt-3">
-										<div :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])">
-											<img :src="media[carouselCursor].url" width="100px" height="60px" class="">
-										</div>
+										<img :src="media[carouselCursor].url" width="100px" height="60px" :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])">
 									</div>
 									<a :class="[media[carouselCursor].filter_class == filter[1] ? 'nav-link text-white active' : 'nav-link text-muted']" href="#" v-on:click.prevent="toggleFilter($event, filter[1])">{{filter[0]}}</a>
 								</li>