diff --git a/packages/survey-creator-core/src/components/page-navigator/page-navigator.scss b/packages/survey-creator-core/src/components/page-navigator/page-navigator.scss
index c4e86e0813..27fa46ce38 100644
--- a/packages/survey-creator-core/src/components/page-navigator/page-navigator.scss
+++ b/packages/survey-creator-core/src/components/page-navigator/page-navigator.scss
@@ -43,7 +43,7 @@ svc-page-navigator,
   border: none;
   background-color: transparent;
   &:hover,
-  &:focus {
+  &:focus-visible {
     outline: none;
 
     .svc-page-navigator__button-icon {
@@ -67,11 +67,11 @@ svc-page-navigator,
   }
 }
 
-.svc-page-navigator__button--active {
+.svc-page-navigator__button--active, .svc-page-navigator__button--active:hover  {
   .svc-page-navigator__button-icon {
-    background: var(--ctr-page-navigator-button-background-color-hovered, $primary-light);
+    background: var(--ctr-page-navigator-button-background-color-checked, transparent);
     use {
-      fill: var(--ctr-page-navigator-button-icon-color-hovered, $primary);
+      fill: var(--ctr-page-navigator-button-icon-color-checked, $primary);
     }
   }
 }
diff --git a/visualRegressionTests-V2/tests/designer/etalons/design-surface-toolbar.png b/visualRegressionTests-V2/tests/designer/etalons/design-surface-toolbar.png
index 25554326e0..0f6cfc89ff 100644
Binary files a/visualRegressionTests-V2/tests/designer/etalons/design-surface-toolbar.png and b/visualRegressionTests-V2/tests/designer/etalons/design-surface-toolbar.png differ
diff --git a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-long-page.png b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-long-page.png
index 6da43521eb..f520beef1c 100644
Binary files a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-long-page.png and b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-long-page.png differ
diff --git a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-short-page.png b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-short-page.png
index 9e139f12d9..55635151cd 100644
Binary files a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-short-page.png and b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-select-short-page.png differ
diff --git a/visualRegressionTests/tests/designer/etalons/design-surface-toolbar.png b/visualRegressionTests/tests/designer/etalons/design-surface-toolbar.png
index 3245ca881c..52e567bda4 100644
Binary files a/visualRegressionTests/tests/designer/etalons/design-surface-toolbar.png and b/visualRegressionTests/tests/designer/etalons/design-surface-toolbar.png differ
diff --git a/visualRegressionTests/tests/designer/etalons/page-navigator-select-long-page.png b/visualRegressionTests/tests/designer/etalons/page-navigator-select-long-page.png
index aae8270dfc..abb452f7e6 100644
Binary files a/visualRegressionTests/tests/designer/etalons/page-navigator-select-long-page.png and b/visualRegressionTests/tests/designer/etalons/page-navigator-select-long-page.png differ
diff --git a/visualRegressionTests/tests/designer/etalons/page-navigator-select-short-page.png b/visualRegressionTests/tests/designer/etalons/page-navigator-select-short-page.png
index 4ea3ac5868..0200d5efc7 100644
Binary files a/visualRegressionTests/tests/designer/etalons/page-navigator-select-short-page.png and b/visualRegressionTests/tests/designer/etalons/page-navigator-select-short-page.png differ