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