layout of BarButtonItems issue

[law-cell]

when I set images of trailingBarButtonItems and leadingBarButtonItems
this happened

when I set one of two buttonitems
the position of the button looks good

Steps to Reproduce

func setMiniPlayer(){
let storyboard = UIStoryboard(name: "Main", bundle: nil)
let demoVC = storyboard.instantiateViewController(withIdentifier: "playerVC")

    self.popupNextButtonItem = UIBarButtonItem(image: UIImage(named: "next"), style: .plain, target: nil, action: nil)
    self.popupPlayButtonItem = UIBarButtonItem(image: UIImage(named: "play.fill"), style: .plain, target: nil, action: nil)
    
    
    self.musicImage = UIImage.init(named: "genre1")
    
    self.popupBar.barStyle = .prominent
    demoVC.popupItem.title = "Hello World"
    demoVC.popupItem.subtitle = "And a subtitle!"
    //demoVC.popupItem.progress = 0.34
    demoVC.popupItem.trailingBarButtonItems = [self.popupNextButtonItem!]
    demoVC.popupItem.leadingBarButtonItems = [self.popupPlayButtonItem!]
    demoVC.popupItem.image = musicImage
    
    self.presentPopupBar(withContentViewController: demoVC, animated: true, completion: nil)
}

Device, OS and Xcode Versions

ios 13
iPhone 11

[LeoNatan]

It looks like your button images might be too big. Are you using images from your catalog? Instead, try using UIImage(systemName: "...") instead.