fix: Use CloseIcon

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}

components/TempDesignSystem/SidePeek/sidePeek.module.css

@@ -41,10 +41,6 @@
   cursor: pointer;
 }
 
-.closeIcon {
-  color: var(--Scandic-Brand-Burgundy);
-}
-
 .dialog {
   height: 100%;
 }