[core] Fix use of correct CSS syntax

mui · Dec 25, 2023 · 19c7609 · 19c7609
1 parent 6e2b04c
commit 19c7609
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/RenderPanel/NodeDropArea.tsx b/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/RenderPanel/NodeDropArea.tsx
@@ -49,7 +49,7 @@ const StyledNodeDropArea = styled('div', {
     pointerEvents: 'none',
     position: 'absolute',
     [`&.${dropAreaHighlightClasses.highlightedTop}`]: {
-      '&:after': {
+      '&::after': {
         backgroundColor: theme.palette.primary[500],
         content: "''",
         position: 'absolute',
@@ -60,7 +60,7 @@ const StyledNodeDropArea = styled('div', {
       },
     },
     [`&.${dropAreaHighlightClasses.highlightedRight}`]: {
-      '&:after': {
+      '&::after': {
         backgroundColor: theme.palette.primary[500],
         content: "''",
         position: 'absolute',
@@ -71,7 +71,7 @@ const StyledNodeDropArea = styled('div', {
       },
     },
     [`&.${dropAreaHighlightClasses.highlightedBottom}`]: {
-      '&:after': {
+      '&::after': {
         backgroundColor: theme.palette.primary[500],
         content: "''",
         position: 'absolute',
@@ -82,7 +82,7 @@ const StyledNodeDropArea = styled('div', {
       },
     },
     [`&.${dropAreaHighlightClasses.highlightedLeft}`]: {
-      '&:after': {
+      '&::after': {
         backgroundColor: theme.palette.primary[500],
         content: "''",
         position: 'absolute',