diff --git a/src/app.css b/src/app.css
index 468cf266..f49d6bb8 100644
--- a/src/app.css
+++ b/src/app.css
@@ -646,12 +646,7 @@ button.carousel-dot {
 }
 .carousel-dots {
   border-radius: 999px;
-  backdrop-filter: blur(12px) invert(0.25) brightness(1.5);
-}
-@media (prefers-color-scheme: dark) {
-  .carousel-dots {
-    backdrop-filter: blur(12px) brightness(0.5);
-  }
+  backdrop-filter: blur(12px) invert(0.25);
 }
 button.carousel-dot {
   color: var(--text-insignificant-color) !important;
@@ -662,7 +657,7 @@ button.carousel-dot[disabled] {
   pointer-events: none;
 }
 button.carousel-dot:is(:hover, :focus, .active, [disabled].active) {
-  color: var(--link-color) !important;
+  color: var(--button-text-color) !important;
 }
 button.carousel-dot:is(.active, [disabled].active) {
   opacity: 1;