1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/button.style.js b/src/components/button.style.js
index 51f781e1..49147c8d 100644
--- a/src/components/button.style.js
+++ b/src/components/button.style.js
@@ -15,5 +15,20 @@ export default {
   validInnerComponents: [
     'Text',
     'Icon'
+  ],
+  defaultRules: [
+    {
+      component: 'Button',
+      directives: {
+        background: '--fg'
+      }
+    },
+    {
+      component: 'Button',
+      state: ['hover'],
+      directives: {
+        background: '#FFFFFF'
+      }
+    }
   ]
 }