diff --git a/src/components/Gallery/GalleryThumbnail.vue b/src/components/Gallery/GalleryThumbnail.vue
index a310987..c7abbae 100644
--- a/src/components/Gallery/GalleryThumbnail.vue
+++ b/src/components/Gallery/GalleryThumbnail.vue
@@ -1,18 +1,17 @@
 <template>
-  <div 
+  <div
     class="bg-base-background flex flex-col justify-center cursor-pointer w-24 max-h-20 h-20 border-base-muted rounded-md border"
     :title="title"
   >
-    <img 
-      class="max-h-20 max-w-24 h-20 w-24 object-cover rounded"
+    <img
+      class="max-h-20 max-w-24 h-20 w-24 object-contain rounded"
       :alt="title"
       :src="image.thumb"
-    >
+    />
   </div>
 </template>
 
 <script setup>
-
 defineProps({
   image: {
     type: Object,
@@ -24,4 +23,4 @@ defineProps({
     default: undefined
   }
 })
-</script>
\ No newline at end of file
+</script>