diff --git a/stylesheets/components/Lightbox.scss b/stylesheets/components/Lightbox.scss index 5b3134d14..4dd3a2201 100644 --- a/stylesheets/components/Lightbox.scss +++ b/stylesheets/components/Lightbox.scss @@ -129,6 +129,12 @@ } } + &__zoomable-container { + align-items: center; + display: flex; + justify-content: center; + } + &__zoom-button { @include button-reset; cursor: zoom-in; diff --git a/ts/components/Lightbox.tsx b/ts/components/Lightbox.tsx index 6631e6a77..d57722f27 100644 --- a/ts/components/Lightbox.tsx +++ b/ts/components/Lightbox.tsx @@ -427,28 +427,30 @@ export function Lightbox({ if (isImageTypeSupported) { if (objectURL) { content = ( - +
+ +
); } else { content = (