BuddyPress.org

Just an update that I solved this issue by increasing the height of the search-bar element, this is the CSS I used:

#header #search-bar .padder {
padding: 10px 15px 0 20px;
height: 60px;
}

I think the height needs to be 10px more than the original height of the logo image to stop the misalignment from happening.