From 19c7609c5d586d764e603c24384c2ca470cdc774 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Mon, 25 Dec 2023 21:18:37 +0100
Subject: [PATCH] [core] Fix use of correct CSS syntax

---
 .../AppEditor/PageEditor/RenderPanel/NodeDropArea.tsx     | 8 ++++----
 1 file changed, 4 insertions(+), 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
index 1d710582b17..1c0d3757c57 100644
--- 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',