diff --git a/client/src/components/photo-gallery.tsx b/client/src/components/photo-gallery.tsx
index cf4a6d5..a6198e1 100644
--- a/client/src/components/photo-gallery.tsx
+++ b/client/src/components/photo-gallery.tsx
@@ -123,11 +123,11 @@ function Lightbox({
         <ChevronRight className="w-10 h-10" />
       </button>
 
-      <div className="w-[85vh] h-[85vh] max-w-[95vw] max-h-[95vw] flex items-center justify-center" onClick={(e) => e.stopPropagation()}>
+      <div className="max-w-[90vw] max-h-[85vh] flex items-center justify-center" onClick={(e) => e.stopPropagation()}>
         <img
           src={current.large}
           alt={current.artist || current.fileName}
-          className="w-full h-full object-cover rounded-lg"
+          className="max-w-full max-h-[85vh] object-contain rounded-lg"
           data-testid="img-lightbox"
         />
       </div>