diff --git a/frontends/web/templates/decode.html b/frontends/web/templates/decode.html
index 0e5fd9c..a92d30b 100644
--- a/frontends/web/templates/decode.html
+++ b/frontends/web/templates/decode.html
@@ -24,11 +24,12 @@
     border-left: 3px solid #ffe699;
 }
 .step-accordion .accordion-button::after {
-    filter: invert(1) sepia(1) saturate(3) hue-rotate(10deg);
-    opacity: 0.7;
+    filter: invert(1) sepia(1) saturate(5) hue-rotate(5deg) brightness(1.1);
+    opacity: 0.85;
 }
 .step-accordion .accordion-button:hover::after {
     opacity: 1;
+    filter: invert(1) sepia(1) saturate(5) hue-rotate(5deg) brightness(1.2);
 }
 .step-accordion .accordion-body {
     background: rgba(30, 40, 50, 0.4);
diff --git a/frontends/web/templates/encode.html b/frontends/web/templates/encode.html
index ce84b46..3844c2d 100644
--- a/frontends/web/templates/encode.html
+++ b/frontends/web/templates/encode.html
@@ -24,11 +24,12 @@
     border-left: 3px solid #ffe699;
 }
 .step-accordion .accordion-button::after {
-    filter: invert(1) sepia(1) saturate(3) hue-rotate(10deg);
-    opacity: 0.7;
+    filter: invert(1) sepia(1) saturate(5) hue-rotate(5deg) brightness(1.1);
+    opacity: 0.85;
 }
 .step-accordion .accordion-button:hover::after {
     opacity: 1;
+    filter: invert(1) sepia(1) saturate(5) hue-rotate(5deg) brightness(1.2);
 }
 .step-accordion .accordion-body {
     background: rgba(30, 40, 50, 0.4);