diff --git a/components/TempDesignSystem/SidePeek/index.tsx b/components/TempDesignSystem/SidePeek/index.tsx
index 1a6628a16..ade1e2bb5 100644
--- a/components/TempDesignSystem/SidePeek/index.tsx
+++ b/components/TempDesignSystem/SidePeek/index.tsx
@@ -3,8 +3,6 @@
 import { Children, cloneElement, PropsWithChildren } from "react"
 import { Dialog, DialogTrigger, Modal } from "react-aria-components"
 
-import Title from "@/components/TempDesignSystem/Text/Title"
-
 import styles from "./sidePeek.module.css"
 
 type SidePeekProps = {
diff --git a/components/TempDesignSystem/SidePeek/sidePeek.module.css b/components/TempDesignSystem/SidePeek/sidePeek.module.css
index b8cf09fc5..35f8fa962 100644
--- a/components/TempDesignSystem/SidePeek/sidePeek.module.css
+++ b/components/TempDesignSystem/SidePeek/sidePeek.module.css
@@ -4,7 +4,7 @@
   bottom: 0;
   right: 0px;
   width: 600px;
-  background-color: var(--Base-Background-Normal);
+  background-color: var(--Base-Background-Primary-Normal);
   z-index: 100;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);
 }