[PR feedback/discussion] Make selectors more goodly

elastic · Feb 1, 2024 · 68fb642 · 68fb642
1 parent 0e1d750
commit 68fb642
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/empty_prompt/empty_prompt.styles.ts b/src/components/empty_prompt/empty_prompt.styles.ts
@@ -111,10 +111,9 @@ export const euiEmptyPromptStyles = (euiThemeContext: UseEuiTheme) => {
 
           /* I'm not totally sure why setting a percentage max width on the wrapper and a static
              max-width on the underlying image/icon makes sense, but this ports over the previous Sass
-             styles as-is to avoid UI changes/regressions 🤷 Also for some bizarre reason, & > *
-             isn't enough specificity to override .euiImageWrapper's CSS */
-          & > *,
-          & > .euiImageWrapper {
+             styles as-is to avoid UI changes/regressions 🤷 */
+          /* Note: The extra && selector specificity is there to override euiImageWrapper's CSS */
+          && > * {
             ${logicalCSS('max-width', iconMaxWidth)}
           }
         }