diff --git a/components/TempDesignSystem/SidePeek/index.tsx b/components/TempDesignSystem/SidePeek/index.tsx
index c1a432eb8..708404d15 100644
--- a/components/TempDesignSystem/SidePeek/index.tsx
+++ b/components/TempDesignSystem/SidePeek/index.tsx
@@ -2,15 +2,10 @@
 
 import { useIsSSR } from "@react-aria/ssr"
 import { useContext, useState } from "react"
-import {
-  Dialog,
-  DialogTrigger,
-  Modal,
-  ModalOverlay,
-} from "react-aria-components"
+import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 import { useIntl } from "react-intl"
 
-import { CloseIcon } from "@/components/Icons"
+import { CloseLargeIcon } from "@/components/Icons"
 import { SidePeekContext } from "@/components/SidePeekProvider"
 
 import Button from "../Button"
@@ -57,7 +52,9 @@ function SidePeek({
       <ModalOverlay
         UNSTABLE_portalContainer={rootDiv}
         className={styles.overlay}
-        isOpen={isOpen || contentKey === context?.activeSidePeek}
+        isOpen={
+          isOpen || (!!contentKey && contentKey === context?.activeSidePeek)
+        }
         onOpenChange={onClose}
         isDismissable
       >
@@ -81,7 +78,7 @@ function SidePeek({
                   intent="text"
                   onPress={onClose}
                 >
-                  <CloseIcon color="burgundy" height={32} width={32} />
+                  <CloseLargeIcon color="burgundy" />
                 </Button>
               </header>
               <div className={styles.sidePeekContent}>{children}</div>