diff --git a/src/client/app/common/views/components/img-with-blurhash.vue b/src/client/app/common/views/components/img-with-blurhash.vue
index 4f9954fc37..344da8e93a 100644
--- a/src/client/app/common/views/components/img-with-blurhash.vue
+++ b/src/client/app/common/views/components/img-with-blurhash.vue
@@ -71,7 +71,7 @@ export default Vue.extend({
 	> canvas
 		width 100%
 		height 100%
-		object-fit contain
+		object-fit cover
 
 	> img
 		width 100%
diff --git a/src/client/app/common/views/components/media-image.vue b/src/client/app/common/views/components/media-image.vue
index f5d8ce41a2..acb4925df6 100644
--- a/src/client/app/common/views/components/media-image.vue
+++ b/src/client/app/common/views/components/media-image.vue
@@ -13,7 +13,7 @@
 	:title="image.name"
 	@click.prevent="onClick"
 >
-	<img-with-blurhash :hash="image.blurhash" :src="url" :alt="image.name" :title="image.name"/>
+	<img-with-blurhash class="img" :hash="image.blurhash" :src="url" :alt="image.name" :title="image.name"/>
 	<div class="gif" v-if="image.type === 'image/gif'">GIF</div>
 </a>
 </template>
@@ -106,6 +106,10 @@ export default Vue.extend({
 	background-size contain
 	background-repeat no-repeat
 
+	> .img
+		color var(--text)
+		background-color var(--bg)
+
 	> .gif
 		background-color var(--text)
 		border-radius 6px