fix: only apply icon styles to direct badge child (#7510) (CP: 23.5) (#…

…7518)
vaadin · Jul 8, 2024 · 8284017 · 8284017
1 parent 016f4c0
commit 8284017
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/vaadin-lumo-styles/badge.js b/packages/vaadin-lumo-styles/badge.js
@@ -91,20 +91,20 @@ const badge = css`
 
   /* Icon */
 
-  [theme~='badge'] vaadin-icon,
-  [theme~='badge'] iron-icon {
+  [theme~='badge'] > vaadin-icon,
+  [theme~='badge'] > iron-icon {
     margin: -0.25em 0;
     --iron-icon-width: 1.5em;
     --iron-icon-height: 1.5em;
   }
 
-  [theme~='badge'] vaadin-icon:first-child,
-  [theme~='badge'] iron-icon:first-child {
+  [theme~='badge'] > vaadin-icon:first-child,
+  [theme~='badge'] > iron-icon:first-child {
     margin-left: -0.375em;
   }
 
-  [theme~='badge'] vaadin-icon:last-child,
-  [theme~='badge'] iron-icon:last-child {
+  [theme~='badge'] > vaadin-icon:last-child,
+  [theme~='badge'] > iron-icon:last-child {
     margin-right: -0.375em;
   }