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%;
 }