diff --git a/styles/src/styleTree/picker.ts b/styles/src/styleTree/picker.ts
index 79479c108fb40e081f0ee9c32255d78826f60d44..3e126f4f2e8c82dc592b9b91d2d940769a951c50 100644
--- a/styles/src/styleTree/picker.ts
+++ b/styles/src/styleTree/picker.ts
@@ -28,9 +28,9 @@ export default function picker(colorScheme: ColorScheme) {
       text: text(layer, "sans", "variant"),
       highlightText: text(layer, "sans", "accent", { weight: "bold" }),
       active: {
-        background: background(layer, "base", "inverted"),
-        text: text(layer, "sans", "base", "inverted"),
-        highlightText: text(layer, "sans", "accent", "inverted", {
+        background: background(layer, "base", "active"),
+        text: text(layer, "sans", "base", "active"),
+        highlightText: text(layer, "sans", "accent", {
           weight: "bold",
         }),
       },
diff --git a/styles/src/styleTree/search.ts b/styles/src/styleTree/search.ts
index 98c5b351843a52749833c629b51d4319cbb57a49..a9a8a18821219465bb54a9d897eaa3c069c2e8c8 100644
--- a/styles/src/styleTree/search.ts
+++ b/styles/src/styleTree/search.ts
@@ -44,9 +44,9 @@ export default function search(colorScheme: ColorScheme) {
         top: 2,
       },
       active: {
-        ...text(layer, "mono", "on", "active"),
-        background: background(layer, "on", "active"),
-        border: border(layer, "on", "active"),
+        ...text(layer, "mono", "on", "inverted"),
+        background: background(layer, "on", "inverted"),
+        border: border(layer, "on", "inverted"),
       },
       clicked: {
         ...text(layer, "mono", "on", "pressed"),
diff --git a/styles/src/themes/common/ramps.ts b/styles/src/themes/common/ramps.ts
index 5d6f6ad3d3f7666d060b3f82ca53543d0d8df5cf..fcca61ad8c759858efdfb95af85e1afcf406af4c 100644
--- a/styles/src/themes/common/ramps.ts
+++ b/styles/src/themes/common/ramps.ts
@@ -227,7 +227,7 @@ function buildStyleDefinition(bgBase: number, fgBase: number, step: number = 0.0
       default: bgBase,
       hovered: bgBase + step,
       pressed: bgBase + step * 1.5,
-      active: bgBase + step * 3,
+      active: bgBase + step * 2.2,
       disabled: bgBase,
       inverted: fgBase + step * 6,
     },