diff --git a/packages/ui-core/src/modal/types.ts b/packages/ui-core/src/modal/types.ts
index 20a02943b..c330b026e 100644
--- a/packages/ui-core/src/modal/types.ts
+++ b/packages/ui-core/src/modal/types.ts
@@ -21,10 +21,6 @@ export type ModalNotesProps = ComponentBase & {
   withPadding?: boolean
 }
 
-export type ModalOverlayProps = ModalAnimationProps & {
-  blur?: string
-}
-
 export type ModalPaddingProps = ComponentBase & {
   verticalOnly?: boolean
   horizontalOnly?: boolean
diff --git a/packages/ui-core/src/overlay/Backdrop/index.tsx b/packages/ui-core/src/overlay/Backdrop/index.tsx
index 6220fa99a..673e25d08 100644
--- a/packages/ui-core/src/overlay/Backdrop/index.tsx
+++ b/packages/ui-core/src/overlay/Backdrop/index.tsx
@@ -4,10 +4,10 @@
 import classNames from 'classnames'
 import { motion } from 'framer-motion'
 import commonClasses from '../../common.module.scss'
-import type { ModalOverlayProps } from '../../modal/types'
+import type { BackdropProps } from '../types'
 import classes from './index.module.scss'
 
-export const Backdrop = ({ children, blur, ...rest }: ModalOverlayProps) => {
+export const Backdrop = ({ children, blur, ...rest }: BackdropProps) => {
   const allClasses = classNames(commonClasses.fixedPosition, classes.backdrop)
   return (
     <motion.div
diff --git a/packages/ui-core/src/overlay/types.ts b/packages/ui-core/src/overlay/types.ts
new file mode 100644
index 000000000..ae5974b40
--- /dev/null
+++ b/packages/ui-core/src/overlay/types.ts
@@ -0,0 +1,10 @@
+// Copyright 2024 @polkadot-cloud/polkadot-staking-dashboard authors & contributors
+// SPDX-License-Identifier: GPL-3.0-only
+
+import type { ComponentBase } from '@w3ux/types'
+import type { AnimationProps } from 'framer-motion'
+
+export type BackdropProps = ComponentBase &
+  AnimationProps & {
+    blur?: string
+  }