to add a bar button on top right of my navigation bar.
and drop the bar button from UI Library into my navigation bar. It places my bar button in the bottom of the view instead.
How can I prevent this from happening again?
You need to drag a navigation item onto your view controller first (also from the library). Then you can add the bar button item by dragging it into the navigation item.