diff --git a/README.md b/README.md
index 472c9e78..61a228d7 100644
--- a/README.md
+++ b/README.md
@@ -55,6 +55,15 @@ export default GoogleApiWrapper({
 })(MapContainer)
 ```
 
+If you want a custom class for the top level 'div'
+
+```javascript
+export default GoogleApiWrapper({
+  apiKey: (YOUR_GOOGLE_API_KEY_GOES_HERE),
+  wrapperClassName: 'my-custom-css-class'
+})(MapContainer)
+```
+
 ## Sample Usage With Lazy-loading Google API:
 
 ```javascript
diff --git a/src/GoogleApiComponent.js b/src/GoogleApiComponent.js
index c9be4a01..79267743 100644
--- a/src/GoogleApiComponent.js
+++ b/src/GoogleApiComponent.js
@@ -96,6 +96,8 @@ export const wrapper = input => WrappedComponent => {
       // Store information about loading container
       this.LoadingContainer =
         options.LoadingContainer || DefaultLoadingContainer;
+      // add custom className to the top div
+      this.wrapperClassName = options.wrapperClassName || '';
     }
 
     onLoad(err, tag) {
@@ -116,7 +118,7 @@ export const wrapper = input => WrappedComponent => {
       });
 
       return (
-        <div>
+        <div className={this.wrapperClassName}>
           <WrappedComponent {...props} />
           <div ref="map" />
         </div>