diff --git a/components/src/components/atoms/RecordItem/RecordItem.tsx b/components/src/components/atoms/RecordItem/RecordItem.tsx
index 355b3ddc..aeaacee2 100644
--- a/components/src/components/atoms/RecordItem/RecordItem.tsx
+++ b/components/src/components/atoms/RecordItem/RecordItem.tsx
@@ -145,7 +145,7 @@ const TrailingSVGBox = ({
   className,
   style,
   ...props
-}: BoxProps & { $rotate: boolean }) => (
+}: BoxProps & { $rotate?: boolean }) => (
   <Box
     className={clsx(className, styles.trailingSVGBox)}
     style={{ ...style, ...assignInlineVars({ [styles.trailingSvgBoxTransform]: $rotate ? 'rotate(45deg)' : 'none' }) }}
@@ -260,7 +260,7 @@ export const RecordItem = React.forwardRef<
         >
           {children}
         </Typography>
-        <TrailingSVGBox {...(PostfixProps as any)} />
+        <TrailingSVGBox {...(PostfixProps)} />
       </ContainerBox>
     )
   },
diff --git a/components/src/hooks/useDocumentEvent.ts b/components/src/hooks/useDocumentEvent.ts
index 8238dc50..21b1a980 100644
--- a/components/src/hooks/useDocumentEvent.ts
+++ b/components/src/hooks/useDocumentEvent.ts
@@ -7,8 +7,8 @@ export const useDocumentEvent = (
   _callback: () => void,
   shouldCallback?: boolean,
 ) => {
-  const callback = (e: any) => {
-    if (ref.current && !ref.current.contains(e.target)) _callback()
+  const callback = (e: Event) => {
+    if (ref.current && !ref.current.contains(e.target as Node)) _callback()
   }
   useEffect(() => {
     if (shouldCallback) document.addEventListener(event, callback)
diff --git a/docs/src/playroom/FrameComponent.tsx b/docs/src/playroom/FrameComponent.tsx
index 83522d5c..3b78a29c 100644
--- a/docs/src/playroom/FrameComponent.tsx
+++ b/docs/src/playroom/FrameComponent.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react'
 
+import type { Mode } from '@ensdomains/thorin'
 import { ThemeProvider } from '@ensdomains/thorin'
 import '@ensdomains/thorin/dist/thorin.css'
 import '../styles/frameStyle.css'
@@ -10,7 +11,7 @@ const FrameComponent = ({
   theme,
   children,
 }: // theme,
-React.PropsWithChildren<any>) => (
+React.PropsWithChildren<{ theme: Mode }>) => (
   <>
     <link href="https://rsms.me/inter/inter.css" rel="stylesheet" />