diff --git a/frontends/nextjs/src/components/ui/atoms/Avatar.tsx b/frontends/nextjs/src/components/ui/atoms/Avatar.tsx
index 9ed488899..1cc89fcd2 100644
--- a/frontends/nextjs/src/components/ui/atoms/Avatar.tsx
+++ b/frontends/nextjs/src/components/ui/atoms/Avatar.tsx
@@ -3,7 +3,7 @@
 import { forwardRef } from 'react'
 import { Avatar as MuiAvatar, AvatarProps as MuiAvatarProps } from '@mui/material'
 
-export interface AvatarProps extends MuiAvatarProps {}
+export type AvatarProps = MuiAvatarProps
 
 const Avatar = forwardRef<HTMLDivElement, AvatarProps>(
   ({ sx, ...props }, ref) => {
diff --git a/frontends/nextjs/src/components/ui/atoms/Skeleton.tsx b/frontends/nextjs/src/components/ui/atoms/Skeleton.tsx
index e5ff60b23..d6953dadc 100644
--- a/frontends/nextjs/src/components/ui/atoms/Skeleton.tsx
+++ b/frontends/nextjs/src/components/ui/atoms/Skeleton.tsx
@@ -3,7 +3,7 @@
 import { forwardRef } from 'react'
 import { Skeleton as MuiSkeleton, SkeletonProps as MuiSkeletonProps } from '@mui/material'
 
-export interface SkeletonProps extends MuiSkeletonProps {}
+export type SkeletonProps = MuiSkeletonProps
 
 const Skeleton = forwardRef<HTMLSpanElement, SkeletonProps>(
   ({ sx, ...props }, ref) => {
diff --git a/frontends/nextjs/src/components/ui/atoms/Slider.tsx b/frontends/nextjs/src/components/ui/atoms/Slider.tsx
index c5603476e..10df7f339 100644
--- a/frontends/nextjs/src/components/ui/atoms/Slider.tsx
+++ b/frontends/nextjs/src/components/ui/atoms/Slider.tsx
@@ -3,7 +3,7 @@
 import { forwardRef } from 'react'
 import { Slider as MuiSlider, SliderProps as MuiSliderProps } from '@mui/material'
 
-export interface SliderProps extends MuiSliderProps {}
+export type SliderProps = MuiSliderProps
 
 const Slider = forwardRef<HTMLSpanElement, SliderProps>(
   ({ sx, ...props }, ref) => {