diff --git a/social_buttons.css b/social_buttons.css
index a3eb397..c96c7f1 100644
--- a/social_buttons.css
+++ b/social_buttons.css
@@ -5,6 +5,7 @@
 
 .social-button-code .preview {
   display: inline-block;
-  margin: 24px 96px;
+  margin: 20px 5%;
+  width: 20%;
   vertical-align: top;
 }
\ No newline at end of file
diff --git a/social_buttons.info b/social_buttons.info
index 7d1a17b..b524181 100644
--- a/social_buttons.info
+++ b/social_buttons.info
@@ -1,5 +1,3 @@
 name = Social Buttons
 description = Social Buttons Field.
 core = 7.x
-
-stylesheets[all][] = social_buttons.css
diff --git a/social_buttons.module b/social_buttons.module
index 4072ada..ab6162a 100644
--- a/social_buttons.module
+++ b/social_buttons.module
@@ -43,6 +43,8 @@ function social_buttons_field_prepare_view($entity_type, $entities, $field, $ins
  * Implements hook_field_instance_settings_form().
  */
 function social_buttons_field_instance_settings_form($field, $instance) {
+  drupal_add_css(drupal_get_path('module', 'social_buttons') . '/social_buttons.css');
+
   $button = array();
   $button[1] = '<iframe src="//www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=button_count&amp;width=90&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp; scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:21px;" allowTransparency="true"></iframe>';
   $button[2] = '<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a><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>';
@@ -121,7 +123,7 @@ function theme_social_buttons($buttons) {
   $output = '';
   foreach ($buttons as $button) {
     if (!empty($button)) {
-      $output .=  "<span>{$button}</span>";
+      $output .=  $button;
     }
   }