diff --git a/dist/ratchet.css b/dist/ratchet.css
index d38e712..bba8e0f 100644
--- a/dist/ratchet.css
+++ b/dist/ratchet.css
@@ -1004,8 +1004,8 @@ input[type="button"] {
   z-index: 10;
   -webkit-transition: opacity;
   transition: opacity;
-  -webkit-transition-duration: 0.5s;
-  transition-duration: 0.5s;
+  -webkit-transition-duration: 0.2s;
+  transition-duration: 0.2s;
   -webkit-transition-timing-function: linear;
   transition-timing-function: linear;
 }
@@ -1013,6 +1013,7 @@ input[type="button"] {
   position: relative;
   top: -2px;
   float: right;
+  color: inherit;
   cursor: pointer;
   -webkit-transition: opacity;
   transition: opacity;
diff --git a/lib/sass/alerts.scss b/lib/sass/alerts.scss
index 84ad419..39abcc3 100644
--- a/lib/sass/alerts.scss
+++ b/lib/sass/alerts.scss
@@ -12,13 +12,14 @@
   border-radius: 3px;
   z-index: 10;
   @include transition(opacity);
-  @include transition-duration(.5s);
+  @include transition-duration(.2s);
   @include transition-timing-function(linear);
 
   .close {
     position: relative;
     top: -2px;
     float: right;
+    color: inherit;
     cursor: pointer;
     @include transition(opacity);
     @include transition-duration(.2s);