[charts] Keep axis root class usage explicit

mui · Aug 28, 2024 · 20fa35f · 20fa35f
1 parent 8e82705
commit 20fa35f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/x-charts/src/internals/components/AxisSharedComponents.tsx b/packages/x-charts/src/internals/components/AxisSharedComponents.tsx
@@ -6,21 +6,21 @@ export const AxisRoot = styled('g', {
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root,
 })(({ theme }) => ({
-  [`.${axisClasses.tickLabel}`]: {
+  [`& .${axisClasses.tickLabel}`]: {
     ...theme.typography.caption,
     fill: (theme.vars || theme).palette.text.primary,
   },
-  [`.${axisClasses.label}`]: {
+  [`& .${axisClasses.label}`]: {
     ...theme.typography.body1,
     fill: (theme.vars || theme).palette.text.primary,
   },
 
-  [`.${axisClasses.line}`]: {
+  [`& .${axisClasses.line}`]: {
     stroke: (theme.vars || theme).palette.text.primary,
     shapeRendering: 'crispEdges',
     strokeWidth: 1,
   },
-  [`.${axisClasses.tick}`]: {
+  [`& .${axisClasses.tick}`]: {
     stroke: (theme.vars || theme).palette.text.primary,
     shapeRendering: 'crispEdges',
   },