How to make the search bar like this type?

Hey keir2012,
Please try adding the search widget to your header widget area, it will take 100% of the area.
Then Try this code in the General Styling > Quick CSS field:

#top #search-4 #searchsubmit {
    right: 100% !important; 
}
#top #search-4 input[type='submit'] {
    background-color: #F8F8F8 !important; 
    color: #919191 !important; 
}

Please note that your “search-4” might be a different number, if you need help with it, let us know.
Expected results:

Best regards,
Mike