From 7b29eb0b44bbb733db590039e9b875ac82a063cb Mon Sep 17 00:00:00 2001
From: Uzair <uzairation@gmail.com>
Date: Mon, 2 Oct 2023 01:42:28 +0200
Subject: [PATCH] fix: firstchild replaced with firstoftype

---
 .../quick-start/digest-demo-flow/NodeStepWithPopover.tsx      | 4 ++--
 apps/web/src/components/workflow/FlowEditor.tsx               | 4 ++--
 apps/web/src/components/workflow/NodeStep.tsx                 | 2 +-
 apps/web/src/pages/templates/workflow/SideBar/AddStepMenu.tsx | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/quick-start/digest-demo-flow/NodeStepWithPopover.tsx b/apps/web/src/components/quick-start/digest-demo-flow/NodeStepWithPopover.tsx
index 9e5f54c65be..cd7de4f936e 100644
--- a/apps/web/src/components/quick-start/digest-demo-flow/NodeStepWithPopover.tsx
+++ b/apps/web/src/components/quick-start/digest-demo-flow/NodeStepWithPopover.tsx
@@ -130,7 +130,7 @@ function useCounter() {
 
 const StyledDiv = styled.div`
   svg {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #dd2476 !important;
     }
     stop:last-child {
@@ -139,7 +139,7 @@ const StyledDiv = styled.div`
   }
 
   [data-blue-gradient-svg] {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #4c6dd4 !important;
     }
     stop:last-child {
diff --git a/apps/web/src/components/workflow/FlowEditor.tsx b/apps/web/src/components/workflow/FlowEditor.tsx
index e24dc4fe32c..b305b8ab060 100644
--- a/apps/web/src/components/workflow/FlowEditor.tsx
+++ b/apps/web/src/components/workflow/FlowEditor.tsx
@@ -346,7 +346,7 @@ const Wrapper = styled.div<{ dark: boolean }>`
     cursor: pointer;
 
     [data-blue-gradient-svg] {
-      stop:first-child {
+      stop:first-of-type {
         stop-color: #4c6dd4 !important;
       }
       stop:last-child {
@@ -407,7 +407,7 @@ const Wrapper = styled.div<{ dark: boolean }>`
   }
 
   [data-template-store-editor] [data-workflow-node-icon] {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #dd2476 !important;
     }
     stop:last-child {
diff --git a/apps/web/src/components/workflow/NodeStep.tsx b/apps/web/src/components/workflow/NodeStep.tsx
index b505fbcafe5..04ab486a2d8 100644
--- a/apps/web/src/components/workflow/NodeStep.tsx
+++ b/apps/web/src/components/workflow/NodeStep.tsx
@@ -44,7 +44,7 @@ const LeftContent = styled.div`
   align-items: center;
   gap: 15px;
   svg {
-    stop:first-child {
+    stop:first-of-type {
       stop-color: #dd2476 !important;
     }
     stop:last-child {
diff --git a/apps/web/src/pages/templates/workflow/SideBar/AddStepMenu.tsx b/apps/web/src/pages/templates/workflow/SideBar/AddStepMenu.tsx
index 4579dcd24a0..7c0e0f2e767 100644
--- a/apps/web/src/pages/templates/workflow/SideBar/AddStepMenu.tsx
+++ b/apps/web/src/pages/templates/workflow/SideBar/AddStepMenu.tsx
@@ -91,7 +91,7 @@ const StyledDraggableNode = styled.div`
 
   &:hover {
     svg {
-      stop:first-child {
+      stop:first-of-type {
         stop-color: #dd2476 !important;
       }
       stop:last-child {
@@ -99,7 +99,7 @@ const StyledDraggableNode = styled.div`
       }
     }
     [data-blue-gradient-svg] {
-      stop:first-child {
+      stop:first-of-type {
         stop-color: #4c6dd4 !important;
       }
       stop:last-child {