.galleryGridContainer {
    height: calc(100vh - 190px);
    width: 100vw;
}

.galleryGrid {
    height: 100%;
    margin-top: 10px;
    overflow-y: scroll;
    width: 100vw;
}

.photoTabs {
    color: #efefef !important;
    width: 100vw;
}
<div class=gallerGridContainer>
    <div class=galleryGrid>
        <InfiniteScroll
            fetch={async (index) =>
              fetchPhotos({ index, layer, layerFeatures })
            }
            photos={galleryPhotos}
            onClick={({ index }) => setIndex(index)}
            fetchRootMargin={'0px'}
            offscreenRootMargin={"0px"}
          >
            <RowsPhotoAlbum
              photos={[]}
              componentsProps={{
                container: { style: { backgroundColor: `#${azureShadow}` } },
              }}
              render={{
                container: ({ ref, ...rest }) => <div ref={ref} {...rest} />,
              }} 
           />
       </InfiniteScroll>
          <Lightbox
                slides={fetchedPhotos.map((photo: any) => {
                  return {
                    src: photo.src.slice(0, photo.src.indexOf("&w=250") + 1),
                    title: photo.name,
                  };
                })}
                open={index >= 0}
                index={index}
                close={() => setIndex(-1)}
                // enable optional lightbox plugins
                plugins={[Fullscreen, Slideshow, Thumbnails, Zoom, Captions]}
          />
    </div>
</div>