diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 4f4e66b7d..0548f498c 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -265,7 +265,7 @@ span[data-tooltip]:hover:before {
   color: hsl(202,68%,54%);
   background: white;
   border-color: rgba(0,0,0,.1);
-  outline: none;
+  outline: none !important;
   
   &.is-disabled {
     pointer-events: none;
@@ -275,6 +275,7 @@ span[data-tooltip]:hover:before {
 
   &:active {
     box-shadow: none;
+    background: hsl(0,0%,98%);
   }
 
   &.btn--action {
@@ -284,18 +285,26 @@ span[data-tooltip]:hover:before {
 
   &.btn--primary {
     color: white;
-    background: #419ed7;
-    border-color: #419ed7;
+    background: hsl(203,65%,55%);
+    &:active {
+      background: hsl(203,65%,45%);
+    }
   }
 
   &.btn--success {
     color: white;
     background: hsl(145,51%,45%);
+    &:active {
+      background: hsl(145,51%,35%);
+    }
   }
 
   &.btn--danger {
     color: white;
     background: hsl(0,65%,55%);
+    &:active {
+      background: hsl(0,65%,45%);
+    }
   }
 
   &.btn--subtle {
@@ -307,6 +316,10 @@ span[data-tooltip]:hover:before {
     background: none;
     @extend .u-clickable;
     
+    &:active {
+      color: rgba(0,0,0,.42);
+    }
+    
     &:hover {
       color: rgba(0,0,0,.5);
     }