diff --git a/src/providers/root/index.tsx b/src/providers/root/index.tsx
index 5e2d0431b8..4199a863a4 100644
--- a/src/providers/root/index.tsx
+++ b/src/providers/root/index.tsx
@@ -8,6 +8,7 @@ import { LazyMotion } from 'framer-motion'
 import { ThemeProvider } from 'next-themes'
 import type { PropsWithChildren } from 'react'
 
+import { PeekPortal } from '~/components/modules/peek/PeekPortal'
 import { ModalStackProvider } from '~/components/ui/modal'
 import { useBeforeUnload } from '~/hooks/common/use-before-unload'
 
@@ -44,6 +45,8 @@ export function WebAppProviders({ children }: PropsWithChildren) {
       {/* <SentryProvider key="SentryProvider" /> */}
       <PageScrollInfoProvider key="PageScrollInfoProvider" />
       <DebugProvider key="debugProvider" />
+
+      <PeekPortal />
     </ProviderComposer>
   )
 }
@@ -59,7 +62,7 @@ export function DashboardAppProviders({ children }: PropsWithChildren) {
 
       <ModalStackProvider key="modalStackProvider" />
       <EventProvider key="viewportProvider" />
-
+      <PeekPortal />
       {/* <DebugProvider key="debugProvider" /> */}
     </ProviderComposer>
   )