diff --git a/frontends/nextjs/src/components/ui/molecules/overlay/DropdownMenu/MenuItem.tsx b/frontends/nextjs/src/components/ui/molecules/overlay/DropdownMenu/MenuItem.tsx
index dd2960b96..d97c202a9 100644
--- a/frontends/nextjs/src/components/ui/molecules/overlay/DropdownMenu/MenuItem.tsx
+++ b/frontends/nextjs/src/components/ui/molecules/overlay/DropdownMenu/MenuItem.tsx
@@ -1,11 +1,13 @@
 'use client'
 
-import { forwardRef, ReactNode } from 'react'
+import { ComponentPropsWithoutRef, forwardRef, ReactNode } from 'react'
 import { Box, Typography } from '@mui/material'
 
-import { DropdownMenuItem, type DropdownMenuItemProps } from '../DropdownMenu'
+import { DropdownMenuItem } from '../DropdownMenu'
 
-interface MenuItemProps extends DropdownMenuItemProps {
+type DropdownMenuItemComponentProps = ComponentPropsWithoutRef<typeof DropdownMenuItem>
+
+interface MenuItemProps extends DropdownMenuItemComponentProps {
   description?: ReactNode
   detail?: ReactNode
 }