diff --git a/src/features/ui/components/zoomable-image.tsx b/src/features/ui/components/zoomable-image.tsx
index d826dc63e..f727ddec3 100644
--- a/src/features/ui/components/zoomable-image.tsx
+++ b/src/features/ui/components/zoomable-image.tsx
@@ -124,7 +124,7 @@ class ZoomableImage extends React.PureComponent<IZoomableImage> {
 
     return (
       <div
-        className='zoomable-image'
+        className='relative flex size-full items-center justify-center'
         ref={this.setContainerRef}
         style={{ overflow }}
       >
@@ -132,6 +132,7 @@ class ZoomableImage extends React.PureComponent<IZoomableImage> {
           role='presentation'
           ref={this.setImageRef}
           alt={alt}
+          className='size-auto max-h-[80%] max-w-full object-contain shadow-2xl'
           title={alt}
           src={src}
           style={{