Woo Images | tumbnails closer together

Dear all,

I am trying to make the thumbnails of the Woo Images closer together, I have managed to do this with a regular gallery item but I can’t seem to get it done at Woo Images, I am trying to achieve the styling of the gallery you can find in the link below but for the Woo Images tumbnail gallery

Trying to get this styling: https://diverge-store.com/shop/diverge-test/?

is there anyone that could help out with this?

Thank you so much in advance!

I used the following CCS for the regular gallery item;

.pa-image-gallery-1-1 .et_pb_gallery_image {
  padding-top: 100%;
  display: block;
}

.pa-image-gallery-1-1 .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

The page I need help with: [log in to see the link]