diff --git a/components/TempDesignSystem/SidePeek/Content/index.tsx b/components/TempDesignSystem/SidePeek/Content/index.tsx
index 4ac1a301e..cfa4b60a3 100644
--- a/components/TempDesignSystem/SidePeek/Content/index.tsx
+++ b/components/TempDesignSystem/SidePeek/Content/index.tsx
@@ -3,10 +3,9 @@
 import { Children, PropsWithChildren } from "react"
 
 import { CloseIcon } from "@/components/Icons"
+import { SidePeekContentProps } from "@/components/TempDesignSystem/SidePeek/types"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
-import { SidePeekContentProps } from "./types"
-
 import styles from "./content.module.css"
 
 export default function Content({
diff --git a/components/TempDesignSystem/SidePeek/index.tsx b/components/TempDesignSystem/SidePeek/index.tsx
index 9acd68e0b..6bbd99be7 100644
--- a/components/TempDesignSystem/SidePeek/index.tsx
+++ b/components/TempDesignSystem/SidePeek/index.tsx
@@ -3,16 +3,15 @@
 import { Children, cloneElement, PropsWithChildren } from "react"
 import { Dialog, DialogTrigger, Modal } from "react-aria-components"
 
+import { SidePeekProps } from "./types"
+
 import styles from "./sidePeek.module.css"
 
 export default function SidePeek({
   children,
   onClose,
   activeContent,
-}: PropsWithChildren<{
-  onClose: (isOpen: boolean) => void
-  activeContent: string | null
-}>) {
+}: PropsWithChildren<SidePeekProps>) {
   return (
     <DialogTrigger>
       <Modal
diff --git a/components/TempDesignSystem/SidePeek/Content/types.ts b/components/TempDesignSystem/SidePeek/types.ts
similarity index 54%
rename from components/TempDesignSystem/SidePeek/Content/types.ts
rename to components/TempDesignSystem/SidePeek/types.ts
index 1a1d2b32a..e37554aff 100644
--- a/components/TempDesignSystem/SidePeek/Content/types.ts
+++ b/components/TempDesignSystem/SidePeek/types.ts
@@ -1,3 +1,8 @@
+export type SidePeekProps = {
+  activeContent: string | null
+  onClose: (isOpen: boolean) => void
+}
+
 export type SidePeekContentProps = {
   title?: string
   contentKey: string