diff --git a/index.html b/index.html
index cde9220..7213cf2 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
 	<!-- Using Custom Elements -->
 	<facebook-button></facebook-button>
 	<facebook-button href="http://facebook.com" layout="box_count" height="80"></facebook-button>
-	<facebook-button href="http://facebook.com" layout="standard"  height="50" width="250"></facebook-button>
+	<facebook-button href="http://facebook.com" layout="standard"  height="50" width="100%"></facebook-button>
 
 </body>
 </html>
\ No newline at end of file
diff --git a/src/facebook-button.html b/src/facebook-button.html
index 3d16941..acad95b 100644
--- a/src/facebook-button.html
+++ b/src/facebook-button.html
@@ -1,14 +1,14 @@
 <polymer-element name="facebook-button" attributes="action colorscheme font href layout showfaces height width">
 
   <template>
-    <iframe src="//www.facebook.com/plugins/like.php?href={{href}}&amp;send=false&amp;layout={{layout}}&amp;width={{width}}&amp;height={{height}}&amp;show_faces={{showfaces}}&amp;font={{font}}&amp;colorscheme={{colorscheme}}&amp;action={{action}}" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
+    <iframe src="//www.facebook.com/plugins/like.php?href={{href}}&amp;send=false&amp;layout={{layout}}&amp;width={{width > 0 ? width : ''}}&amp;height={{height}}&amp;show_faces={{showfaces}}&amp;font={{font}}&amp;colorscheme={{colorscheme}}&amp;action={{action}}" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
 
     <style>
       iframe {
         border: none;
         overflow: hidden;
         height: {{height}}px;
-        width: {{width}}px;
+        width: {{ width > 0 ? width + "px" : width }};
       }
     </style>
   </template>