Google Translate Plugin: Too wide and big

I have a problem when I try to implement the google translate plugin to a site, I've tried to search for a similar problem but haven't found any. Se img for details of my problem.

http://ift.tt/1CdDVmw

HTML

<div id="Header" class="page-width-margin">
      <a href="/" >
        <img src="/Media/Images/Vinkelboda_Logga.jpg" class="logo" style="margin-left:36px" />
      </a>
        <span id="headerText">Vinkelboda</span>

<div id="google_translate_element"></div> <script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'sv', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    </div>

CSS

#Header {
  height:170px;
}
.page-width, .page-width-margin {
  width:950px; 
}
.page-width-margin {
  margin: 0 auto;
}