Category logos too big

[mr_embo]

We do have Phoca download v.3.2.3 running on a joomla 3.10.11 website.
The result is fine and looks like this:
https://app.box.com/s/1yl71fyi7m19iesqiof9s5y7rv9655hf

On our Wamp server, we have the same website with Joomla 4.2 and Phoca download v4.0.5.
The result looks like this:
https://app.box.com/s/svoetkqqhkft5m1nzozav0vun8ib6kxd

The Category logo's are displayed much larger than intended.
To exclude template issues, I have applied the standaard template, but it's the same effect with my own template.

Any suggestions?

[mr_embo]

Some additional input:

While checking the page with the wrong category logo's with Google console, we could see that the problem is situated in the bootstrap.css of the template.
The template that we are using is generated by Templatetoaster (v8).
It's done for Joomla 4 and bootstrap v4.
Now we generated the template in Joomla 4 + Bootstrap v3, and the Category logo's are OK.
The categories are now not listed in column's, but that's acceptable for us.

[Jan]

Hi, yes, the Phoca Download for Joomla 4 is designed by Bootstrap 5, so this needs to be customized in CSS

Jan

[mr_embo]

Thanks. As a temporary solution, I've adapted line 1187 of bootstrap.css (Bootstrap 5) of my template with the wanted image size, as follows:

card-img, .card-img-top, .card-img-bottom { width: 48px; height: 48px }

That's doing the job for me.

[Jan]

Ok, great to hear it.

Jan