diff --git a/README.md b/README.md
index a04103cc..dec1ca90 100644
--- a/README.md
+++ b/README.md
@@ -169,6 +169,11 @@ import 'react-phone-input-2/lib/style.css'
 
 ### Style
 <table>
+  <tr>
+    <td> className </td>
+    <td> string </td>
+    <td colspan="2"> general class for the component to work with styled components </td>
+  </tr>
   <tr>
     <td> containerClass </td>
     <td> string </td>
diff --git a/src/index.js b/src/index.js
index 6ebfc56a..0376734e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -37,6 +37,7 @@ class PhoneInput extends React.Component {
     buttonClass: PropTypes.string,
     dropdownClass: PropTypes.string,
     searchClass: PropTypes.string,
+    className: PropTypes.string,
 
     autoFormat: PropTypes.bool,
 
@@ -935,7 +936,7 @@ class PhoneInput extends React.Component {
 
     return (
       <div
-        className={containerClasses}
+        className={`${className} ${containerClasses}`}
         style={this.props.style || this.props.containerStyle}
         onKeyDown={this.handleKeydown}>
         {specialLabel && <div className='special-label'>{specialLabel}</div>}