3 files changed, 26 insertions, 1 deletions
diff --git a/src/components/attachment.style.js b/src/components/attachment.style.js
new file mode 100644
index 00000000..b6c5da6e
--- /dev/null
+++ b/src/components/attachment.style.js
@@ -0,0 +1,23 @@
+export default {
+  name: 'Attachment',
+  selector: '.Attachment',
+  validInnerComponents: [
+    'Border',
+    'ButtonUnstyled'
+  ],
+  defaultRules: [
+    {
+      directives: {
+        roundness: 3
+      }
+    },
+    {
+      component: 'ButtonUnstyled',
+      parent: { component: 'Attachment' },
+      directives: {
+        background: '#FFFFFF',
+        opacity: 0.9
+      }
+    }
+  ]
+}
diff --git a/src/components/button_unstyled.style.js b/src/components/button_unstyled.style.js
index 89e8499c..60dd0d47 100644
--- a/src/components/button_unstyled.style.js
+++ b/src/components/button_unstyled.style.js
@@ -16,6 +16,8 @@ export default {
   defaultRules: [
     {
       directives: {
+        background: '#ffffff',
+        opacity: 0,
         shadow: []
       }
     },
diff --git a/src/components/icon.style.js b/src/components/icon.style.js
index 81bbbce0..6cb9e4e3 100644
--- a/src/components/icon.style.js
+++ b/src/components/icon.style.js
@@ -6,7 +6,7 @@ export default {
     {
       component: 'Icon',
       directives: {
-        textColor: '$blend(--parent, 0.5, --parent--text)',
+        textColor: '$blend(--stack, 0.5, --parent--text)',
         textAuto: 'no-auto'
       }
     }