diff --git a/package.json b/package.json
index f9945af..2b418be 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@shoutem/theme",
-  "version": "0.8.6",
+  "version": "0.8.7",
   "main": "index.js",
   "description": "Style your components in one place.",
   "dependencies": {
diff --git a/src/connectStyle.js b/src/connectStyle.js
index 7fe1860..1887d44 100644
--- a/src/connectStyle.js
+++ b/src/connectStyle.js
@@ -102,6 +102,7 @@ export default (componentStyleName, componentStyle = {}, mapPropsToStyleNames, o
         super(props, context);
         const styleNames = this.resolveStyleNames(props);
         const resolvedStyle = this.resolveStyle(context, props, styleNames);
+        this.setWrappedInstance = this.setWrappedInstance.bind(this);
         this.state = {
           style: resolvedStyle.componentStyle,
           childrenStyle: resolvedStyle.childrenStyle,
@@ -184,9 +185,25 @@ export default (componentStyleName, componentStyle = {}, mapPropsToStyleNames, o
         );
       }
 
+      setNativeProps(nativeProps) {
+        if (this.wrappedInstance.setNativeProps) {
+          this.wrappedInstance.setNativeProps(nativeProps);
+        }
+      }
+
+      setWrappedInstance(component) {
+        this.wrappedInstance = component;
+      }
+
       render() {
         const { addedProps, style } = this.state;
-        return <WrappedComponent {...this.props} {...addedProps} style={style} />;
+        return (
+          <WrappedComponent
+            {...this.props}
+            {...addedProps}
+            style={style}
+            ref={this.setWrappedInstance}
+          />);
       }
     }