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