diff --git a/src/index.scss b/src/index.scss
index 1b6f7e4b..76b5da13 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -103,16 +103,13 @@ body {
     max-width: 700px;
 
     &.#{bp.$ns}-intent-primary {
-        background-color: color.adjust(pb.$pybricks-blue, $lightness: -10%);
+        background-color: pb.$pybricks-blue;
 
         & .#{bp.$ns}-button {
-            background-color: color.adjust(
-                pb.$pybricks-blue,
-                $lightness: -10%
-            ) !important;
+            background-color: pb.$pybricks-blue !important;
 
             &:hover {
-                background: pb.$pybricks-blue !important;
+                background: color.adjust(pb.$pybricks-blue, $lightness: -5%) !important;
             }
         }
     }