Chrome vs Safari container size issue

[gedi-t]

Hey I have an issue with Tailwind when it comes to container size on Safari, the top container with breadcrumbs and profile picture is way smaller than another browser, tried applying
appearance-none but didn't help, any suggestions?

Thanks in advance!

Chrome

Safari "Actual size"

Container code

w-full flex items-center bg-white py-2 px-6 hidden sm:flex

Profile picture code

.profile-nav-button-closed {
  @apply z-10 w-12 h-12 rounded-full overflow-hidden border-4 border-gray-400 hover:border-gray-300 focus:border-gray-300 focus:outline-none;
}