diff --git a/packages/vaadin-lumo-styles/src/props/base-layer-reset.css b/packages/vaadin-lumo-styles/src/props/base-layer-reset.css
index 2197e3c4c6..a884b8a09c 100644
--- a/packages/vaadin-lumo-styles/src/props/base-layer-reset.css
+++ b/packages/vaadin-lumo-styles/src/props/base-layer-reset.css
@@ -1,5 +1,5 @@
 @layer vaadin.base {
-  html {
+  :is(html, #id) {
     --vaadin-focus-ring-color: revert-layer;
     --vaadin-focus-ring-width: revert-layer;
   }