diff --git a/src/client/theme-default/components/VPHero.vue b/src/client/theme-default/components/VPHero.vue
index 4b05397d..568feb3e 100644
--- a/src/client/theme-default/components/VPHero.vue
+++ b/src/client/theme-default/components/VPHero.vue
@@ -322,8 +322,9 @@ const heroImageSlotExists = inject('hero-image-slot-exists') as Ref<boolean>
   left: 50%;
   max-width: 192px;
   max-height: 192px;
-  height: 100%;
-  aspect-ratio: 1;
+  width: 100%;
+  height: 100%
+  object-fit: contain;
   /*rtl:ignore*/
   transform: translate(-50%, -50%);
 }