From 97cfd1ffa7fe7020d2f1ff3468e8a168d281f909 Mon Sep 17 00:00:00 2001
From: asadath1395 <37188392+asadath1395@users.noreply.github.com>
Date: Wed, 10 May 2023 20:45:13 +0530
Subject: [PATCH] Fix delete icon background color in availability (#8810)

Co-authored-by: Bailey Pumfleet <bailey@pumfleet.co.uk>
---
 packages/features/schedules/components/Schedule.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/features/schedules/components/Schedule.tsx b/packages/features/schedules/components/Schedule.tsx
index 77740cbe47..e2badbf107 100644
--- a/packages/features/schedules/components/Schedule.tsx
+++ b/packages/features/schedules/components/Schedule.tsx
@@ -197,7 +197,7 @@ export const DayRanges = <TFieldValues extends FieldValues>({
                 }}
               />
             )}
-            {index !== 0 && <RemoveTimeButton index={index} remove={remove} className="text-default mx-2" />}
+            {index !== 0 && <RemoveTimeButton index={index} remove={remove} className="text-default mx-2 border-none" />}
           </div>
         </Fragment>
       ))}
@@ -218,7 +218,7 @@ const RemoveTimeButton = ({
     <Button
       type="button"
       variant="icon"
-      color="minimal"
+      color="destructive"
       StartIcon={Trash}
       onClick={() => remove(index)}
       className={className}