.navbar .logo-cylinder{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 52px;
  padding: 6px 22px;
  border-radius: 9999px;
  background: #fff;
  overflow: hidden;

  min-width: 130px; /* <-- makes the pill wider so you get side whitespace */
}

.navbar .logo-cylinder img{
  height: 50px;
  width: auto;
  display: block;
}

@media (max-width: 991.98px){
  .navbar .logo-cylinder{ height: 44px; padding: 5px 14px; }
}