diff --git a/adev/shared-docs/styles/_colors.scss b/adev/shared-docs/styles/_colors.scss
index ca757472b0b..3009a53e184 100644
--- a/adev/shared-docs/styles/_colors.scss
+++ b/adev/shared-docs/styles/_colors.scss
@@ -293,6 +293,17 @@
   )
 );
 
+:root {
+  @include mat.button-toggle-overrides(
+    (
+      text-color: var(--primary-contrast),
+      background-color: var(--octonary-contrast),
+      selected-state-text-color: var(--secondary-contrast),
+      selected-state-background-color: var(--senary-contrast),
+    )
+  );
+}
+
 // LIGHT MODE (Explicit)
 .docs-light-mode {
   background-color: #ffffff;
diff --git a/adev/src/app/features/update/update.component.html b/adev/src/app/features/update/update.component.html
index 426a8a2003e..30e38a14956 100644
--- a/adev/src/app/features/update/update.component.html
+++ b/adev/src/app/features/update/update.component.html
@@ -84,7 +84,7 @@
 
       <h3>Application complexity</h3>
       <mat-button-toggle-group
-        (change)="level = $event.value;"
+        (change)="level = $event.value; showUpdatePath()"
         [value]="level"
         style="margin-bottom:16px;"
       >