diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss
index a7b32e7c24..97e8162e5b 100644
--- a/ionic/components/button/button.scss
+++ b/ionic/components/button/button.scss
@@ -255,6 +255,10 @@ a[button] {
   &[clear] {
     color: $fg-color;
     background: none;
+
+    &.activated {
+      opacity: 0.4;
+    }
   }
 }
 
diff --git a/ionic/components/button/extensions/material.scss b/ionic/components/button/extensions/material.scss
index b0e84d825e..83095b2ce4 100644
--- a/ionic/components/button/extensions/material.scss
+++ b/ionic/components/button/extensions/material.scss
@@ -93,15 +93,11 @@ $button-material-border-radius:            3px !default;
       &[clear] {
         box-shadow: none;
 
-/*        @if lightness(get-color($color, base)) > 90 {
-          color: get-color($color, inverse);
-        }*/
-
         &:hover,
         &.hover {
           background-color: rgba(158, 158, 158, 0.2);
         }
-        &:activated {
+        &.activated {
           background-color: rgba(158, 158, 158, 0.4);
         }
       }