diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss index b3c07acb9f..b6056a57dc 100644 --- a/stylesheets/_modules.scss +++ b/stylesheets/_modules.scss @@ -3340,10 +3340,6 @@ button.module-image__border-overlay:focus { &.module-image:hover::before { opacity: 1; } - - &.module-image .module-image__image { - aspect-ratio: 1 / 1; - } } // Module: Staged Generic Attachment diff --git a/ts/components/ImageOrBlurhash.tsx b/ts/components/ImageOrBlurhash.tsx index 8dc5a45432..9081e12318 100644 --- a/ts/components/ImageOrBlurhash.tsx +++ b/ts/components/ImageOrBlurhash.tsx @@ -59,6 +59,9 @@ export function ImageOrBlurhash({ ? `${intrinsicWidth} / ${intrinsicHeight}` : undefined, + width: '100%', + height: '100%', + // Preserve aspect ratio backgroundSize: 'cover', backgroundPosition: 'center',