diff --git a/src/App.css b/src/App.css
index 04ffb6d..63d8e97 100644
--- a/src/App.css
+++ b/src/App.css
@@ -282,22 +282,23 @@ body,
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
   text-align: center;
   transition: background-color 0.3s ease;
+  opacity: 0.7;
 }
 
 .preset-indicator.preset-A {
-  background-color: rgba(66, 133, 244, 0.9); /* Blue for Preset A */
+  background-color: rgba(66, 133, 244, 0.7);
 }
 
 .preset-indicator.preset-B {
-  background-color: rgba(52, 168, 83, 0.9); /* Green for Preset B */
+  background-color: rgba(52, 168, 83, 0.7);
 }
 
 .preset-indicator.preset-C {
-  background-color: rgba(234, 67, 53, 0.9); /* Red for Preset C */
+  background-color: rgba(234, 67, 53, 0.7);
 }
 
 .preset-indicator.preset-D {
-  background-color: rgba(251, 188, 5, 0.9); /* Yellow for Preset D */
+  background-color: rgba(251, 188, 5, 0.7);
 }
 
 /* Preset Transition Effect */