Change selector to style only direct separator child

the-guild-org · Nov 1, 2024 · 96f810e · 96f810e
1 parent 6176306
commit 96f810e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/components/src/products.tsx b/packages/components/src/products.tsx
@@ -246,9 +246,9 @@ export const PRODUCTS_MENU_LIST: MenuItem['items'] = Object.fromEntries(
             <>
               {/* This is a one-off class, because I want to style the parent. */}
               {/* eslint-disable-next-line tailwindcss/no-custom-classname */}
-              <style className="label-separator">
+              <style className="hive-label-separator">
                 {
-                  'li:has(.label-separator) { margin: 0.75rem 0 0.25rem 0 !important; padding: 0 !important; }'
+                  'li:has(>.hive-label-separator) { margin: 0.75rem 0 0.25rem 0 !important; padding: 0 !important; }'
                 }
               </style>
               <span className="ml-2 font-medium text-gray-500 dark:text-neutral-400">{item}</span>