diff --git a/src/components/green-flag/green-flag.css b/src/components/green-flag/green-flag.css
index 1931b2d2188d9a6525942bdac40051342ff2daef..019662bef5a8a7305c83672bd917310657eb7380 100644
--- a/src/components/green-flag/green-flag.css
+++ b/src/components/green-flag/green-flag.css
@@ -1,7 +1,9 @@
 .green-flag {
     width: 16px;
     height: 16px;
+    opacity: 0.5;
 }
-.green-flag.is-active {
-    filter: saturate(200%) brightness(150%);
+.green-flag.is-active,
+.green-flag:hover {
+    opacity: 1;
 }
diff --git a/src/components/stop-all/stop-all.css b/src/components/stop-all/stop-all.css
index 227391698974774c4a30433cbbd80fcb2f3a4b7c..ea4cb436febe7903c23c07edffd8a1b1bb81d925 100644
--- a/src/components/stop-all/stop-all.css
+++ b/src/components/stop-all/stop-all.css
@@ -1,7 +1,9 @@
 .stop-all {
     width: 16px;
     height: 16px;
+    opacity: 0.5;
 }
-.stop-all.is-active {
-    filter: saturate(200%) brightness(150%);
+.stop-all.is-active,
+.stop-all:hover {
+    opacity: 1;
 }