Share buttons problem.

I have put a facebook, twitter and google share button on my single product pages using the code below. My problem is that the twitter counter is to the right instead of ontop like the rest. Does anyone know how I can Fix this? You can see what I mean here > http://www.tlcbikes.com/product/titanium-stem-bolts

add_action('woocommerce_share','wooshare');
function wooshare(){
echo'
<div class="wooshare"><div class="fb-like" data-href="'.get_permalink().'" data-layout="box_count" data-send="false" data-width="100" data-show-faces="true" style="display:inline"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="bryanheadrick">Tweet</a>
<g:plusone size="tall"></g:plusone>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>';?>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=281787978603249";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></div>
<?php
}

Any help would be awesome!

Thanks in advance, Mat.

http://wordpress.org/plugins/woocommerce/