From b5ee1b6aa70cd6bdfd26b55bc51d2ae158aa83d1 Mon Sep 17 00:00:00 2001
From: sepeterson <10458078+sepeterson@users.noreply.github.com>
Date: Tue, 2 Dec 2025 23:44:52 -0600
Subject: [PATCH] MOB-512 representative photo option for PhotosSection and fix
 protruding image bug

---
 src/components/Match/PhotosSection.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Match/PhotosSection.js b/src/components/Match/PhotosSection.js
index 4b92b0845..6fb031080 100644
--- a/src/components/Match/PhotosSection.js
+++ b/src/components/Match/PhotosSection.js
@@ -12,7 +12,7 @@ import Photo from "realmModels/Photo";
 import getImageDimensions from "sharedHelpers/getImageDimensions";
 
 type Props = {
-  representativePhoto: Object,
+  representativePhoto?: Object,
   taxon: Object,
   obsPhotos: Array<Object>,
   navToTaxonDetails: ( photo: Object ) => void
@@ -189,7 +189,7 @@ const PhotosSection = ( {
   }
 
   return (
-    <View className={classnames( "h-[390px]", layoutClasses.containerClass )}>
+    <View className={classnames( "h-[390px] overflow-hidden", layoutClasses.containerClass )}>
       {renderObservationPhoto( )}
       {bestTaxonPhotos.length > 0 && renderTaxonPhotos( )}
       <MediaViewerModal