Avatar are not rendered properly in projects and groups navigation dropdowns

Summary

When navigating in projects or groups dropdowns an avatar having an important width is stretch to fit into a square.

Steps to reproduce

Upload an image with a size of 50x200 px as a project or group avatar.

Example Project

Flowster/issues-infinite-scroll

What is the current bug behavior?

The avatar does not keep its original ratio.

What is the expected correct behavior?

The avatar should be rendered as in the group or project page.

Relevant logs and/or screenshots

Correct rendering in project page:
image

Wrong rendering in projects navigation dropdown:
image

Expected rendering:
image

Output of checks

This bug happens on GitLab.com

Possible fixes

<div class="frequent-items-item-avatar-container">
    <img src="https://assets.gitlab-static.net/uploads/-/system/project/avatar/3275650/logo_test.png" class="avatar rect-avatar s32">
</div>

should be:

<div class="frequent-items-item-avatar-container avatar-container rect-avatar s32">
    <img src="https://assets.gitlab-static.net/uploads/-/system/project/avatar/3275650/logo_test.png" class="avatar avatar-tile s32">
</div>