2 files changed, 22 insertions, 6 deletions

diff --git a/package-lock.json b/package-lock.json
index 550cde693..c58c0d5d3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2729,6 +2729,13 @@
         "react-loader": "^2.4.5"
       },
       "dependencies": {
+        "@meetfranz/theme": {
+          "version": "1.0.7",
+          "bundled": true,
+          "requires": {
+            "color": "^3.1.0"
+          }
+        },
         "debug": {
           "version": "4.1.1",
           "bundled": true,
@@ -2792,6 +2799,15 @@
         "@mdi/react": "^1.1.0",
         "@meetfranz/theme": "^1.0.7",
         "react-loader": "^2.4.5"
+      },
+      "dependencies": {
+        "@meetfranz/theme": {
+          "version": "1.0.7",
+          "bundled": true,
+          "requires": {
+            "color": "^3.1.0"
+          }
+        }
       }
     },
     "@mrmlnc/readdir-enhanced": {
@@ -17901,7 +17917,7 @@
       "dependencies": {
         "pretty-bytes": {
           "version": "1.0.4",
-          "resolved": "http://registry.npmjs.org/pretty-bytes/-/pretty-bytes-1.0.4.tgz",
+          "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-1.0.4.tgz",
           "integrity": "sha1-CiLoIQYJrTVUL4yNXSFZr/B1HIQ=",
           "dev": true,
           "requires": {
@@ -18902,7 +18918,7 @@
         },
         "readable-stream": {
           "version": "1.1.14",
-          "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
+          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz",
           "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=",
           "dev": true,
           "requires": {
@@ -18914,13 +18930,13 @@
         },
         "string_decoder": {
           "version": "0.10.31",
-          "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+          "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
           "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
           "dev": true
         },
         "through2": {
           "version": "0.2.3",
-          "resolved": "http://registry.npmjs.org/through2/-/through2-0.2.3.tgz",
+          "resolved": "https://registry.npmjs.org/through2/-/through2-0.2.3.tgz",
           "integrity": "sha1-6zKE2k6jEbbMis42U3SKUqvyWj8=",
           "dev": true,
           "requires": {
diff --git a/packages/forms/src/button/index.tsx b/packages/forms/src/button/index.tsx
index 90eda21e7..7a7f83dab 100644
--- a/packages/forms/src/button/index.tsx
+++ b/packages/forms/src/button/index.tsx
@@ -4,7 +4,7 @@ import { Theme } from '@meetfranz/theme';
 import classnames from 'classnames';
 import CSS from 'csstype';
 import React, { Component } from 'react';
-import injectStyle from 'react-jss';
+import injectStyle, { withTheme } from 'react-jss';
 import Loader from 'react-loader';
 
 import { IFormField, IWithStyle } from '../typings/generic';
@@ -271,4 +271,4 @@ class ButtonComponent extends Component<IProps> {
   }
 }
 
-export const Button = injectStyle(styles)(ButtonComponent);
+export const Button = injectStyle(styles)(withTheme(ButtonComponent));