diff --git a/materialious/src/lib/Thumbnail.svelte b/materialious/src/lib/Thumbnail.svelte
index 3cea88e4..3f2cc3e4 100644
--- a/materialious/src/lib/Thumbnail.svelte
+++ b/materialious/src/lib/Thumbnail.svelte
@@ -238,12 +238,7 @@
 						</video>
 					</div>
 				{:else}
-					<img
-						class="responsive"
-						style="max-width: 100%;min-height: 160px;"
-						src={img.src}
-						alt="Thumbnail for video"
-					/>
+					<img class="responsive" src={img.src} alt="Thumbnail for video" />
 				{/if}
 			{:else}
 				<p>{$_('thumbnail.failedToLoadImage')}</p>
@@ -339,6 +334,10 @@
 		max-height: 160px;
 	}
 
+	.thumbnail img {
+		object-fit: contain;
+	}
+
 	@media screen and (max-width: 650px) {
 		.thumbnail {
 			max-height: 100%;