From 5d238301389a7c9c19aff588a9013e3a14773931 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Thu, 11 Jul 2024 12:05:18 +0200
Subject: [PATCH] fix: Use CloseIcon

---
 components/TempDesignSystem/SidePeek/Content.tsx         | 5 +++--
 components/TempDesignSystem/SidePeek/sidePeek.module.css | 4 ----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/components/TempDesignSystem/SidePeek/Content.tsx b/components/TempDesignSystem/SidePeek/Content.tsx
index 74f4255cc..996fab702 100644
--- a/components/TempDesignSystem/SidePeek/Content.tsx
+++ b/components/TempDesignSystem/SidePeek/Content.tsx
@@ -1,7 +1,8 @@
 "use client"
 
 import { Children, PropsWithChildren } from "react"
-import { X } from "react-feather"
+
+import { CloseIcon } from "@/components/Icons"
 
 import Title from "../Text/Title"
 
@@ -33,7 +34,7 @@ export default function Content({
           }}
           className={styles.closeBtn}
         >
-          <X height={32} width={32} className={styles.closeIcon} />
+          <CloseIcon color="burgundy" height={32} width={32} />
         </button>
       </header>
       {children}
diff --git a/components/TempDesignSystem/SidePeek/sidePeek.module.css b/components/TempDesignSystem/SidePeek/sidePeek.module.css
index a42d9e984..c1c41ff5f 100644
--- a/components/TempDesignSystem/SidePeek/sidePeek.module.css
+++ b/components/TempDesignSystem/SidePeek/sidePeek.module.css
@@ -41,10 +41,6 @@
   cursor: pointer;
 }
 
-.closeIcon {
-  color: var(--Scandic-Brand-Burgundy);
-}
-
 .dialog {
   height: 100%;
 }