diff --git a/src/js/components/hocs.js b/src/js/components/hocs.js
index <HASH>..<HASH> 100644
--- a/src/js/components/hocs.js
+++ b/src/js/components/hocs.js
@@ -72,7 +72,8 @@ export const withTheme = (WrappedComponent) => {
     }
     render() {
       const { theme, ...rest } = this.props;
-      const { theme: contextTheme } = this.context;
+      let { theme: contextTheme } = this.context;
+      contextTheme = JSON.parse(JSON.stringify(contextTheme));
       const localTheme = deepAssign(contextTheme, theme);
       return (
         <WrappedComponent theme={localTheme} {...rest} />
Fixed problem where a Component theme would override the context values.