diff --git a/assets/stylesheets/_mixins.scss b/assets/stylesheets/_mixins.scss
index 54f812844eb046..c80bbdf9730248 100644
--- a/assets/stylesheets/_mixins.scss
+++ b/assets/stylesheets/_mixins.scss
@@ -226,7 +226,7 @@
 }
 
 @mixin block-style__hover {
-	background: $light-gray-100;
+	background: $light-gray-200;
 	color: $dark-gray-900;
 }
 
diff --git a/packages/components/src/menu-item/style.scss b/packages/components/src/menu-item/style.scss
index 743941a3fee29e..beaee67b948643 100644
--- a/packages/components/src/menu-item/style.scss
+++ b/packages/components/src/menu-item/style.scss
@@ -44,12 +44,12 @@
 .components-menu-item__info {
 	margin-top: $grid-size-small;
 	font-size: $default-font-size - 1px;
-	opacity: 0.8;
+	opacity: 0.84;
 }
 
 .components-menu-item__shortcut {
 	align-self: center;
-	opacity: 0.8;
+	opacity: 0.84;
 	margin-right: 0;
 	margin-left: auto;
 	padding-left: $grid-size;
diff --git a/packages/components/src/panel/style.scss b/packages/components/src/panel/style.scss
index e4f2d58af26454..5b10bbdf8e358e 100644
--- a/packages/components/src/panel/style.scss
+++ b/packages/components/src/panel/style.scss
@@ -73,7 +73,7 @@
 // Hover States
 .components-panel__body > .components-panel__body-title:hover,
 .edit-post-last-revision__panel > .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
-	background: $light-gray-100;
+	background: $light-gray-200;
 }
 
 .components-panel__body-toggle.components-button {