diff --git a/packages/block-editor/src/components/block-patterns-list/style.scss b/packages/block-editor/src/components/block-patterns-list/style.scss index 8009dfbcce1f23..d3c54a20956f39 100644 --- a/packages/block-editor/src/components/block-patterns-list/style.scss +++ b/packages/block-editor/src/components/block-patterns-list/style.scss @@ -50,9 +50,7 @@ &:hover, &:focus { .block-editor-block-preview__container { - box-shadow: - 0 0 0 2px var(--wp-block-synced-color), - 0 15px 25px rgb(0 0 0 / 7%); + box-shadow: 0 0 0 2px var(--wp-block-synced-color); } } } diff --git a/packages/block-editor/src/components/block-preview/style.scss b/packages/block-editor/src/components/block-preview/style.scss index 1715d7eb23c55d..bfc3d5c8783beb 100644 --- a/packages/block-editor/src/components/block-preview/style.scss +++ b/packages/block-editor/src/components/block-preview/style.scss @@ -49,30 +49,28 @@ z-index: 1; } -// Restrict these shadows to the context of the inspector. -.interface-interface-skeleton__sidebar { - .block-editor-block-patterns-list__list-item { - .block-editor-block-preview__container { - box-shadow: 0 0 $border-width rgba($black, 0.1); - } - &:hover { - .block-editor-block-preview__container { - box-shadow: 0 0 0 2px $gray-900; - } - } - } -} - // Restrict these shadows to the context of the inserter. .editor-inserter-sidebar { - .block-editor-block-patterns-list__list-item { + .block-editor-block-patterns-list__item { .block-editor-block-preview__container { box-shadow: 0 15px 25px rgb(0 0 0 / 7%); } + &:focus, &:hover { .block-editor-block-preview__container { box-shadow: 0 0 0 2px $gray-900, 0 15px 25px rgb(0 0 0 / 7%); } } + + &.block-editor-block-patterns-list__list-item-synced { + &:hover, + &:focus { + .block-editor-block-preview__container { + box-shadow: + 0 0 0 2px var(--wp-block-synced-color), + 0 15px 25px rgb(0 0 0 / 7%); + } + } + } } }