diff --git a/src/ui/ScrollableBox.tsx b/src/ui/ScrollableBox.tsx
index 3f5daaa6..c4598401 100644
--- a/src/ui/ScrollableBox.tsx
+++ b/src/ui/ScrollableBox.tsx
@@ -1,9 +1,9 @@
 import Box, { BoxProps } from '@mui/material/Box';
+import { ComponentProps } from 'react';
 
-interface ScrollableBoxProps {
+type ScrollableBoxProps = {
   height: string;
-  props: BoxProps;
-}
+} & BoxProps;
 
 export function ScrollableBox({ height, ...props }: Readonly<ScrollableBoxProps>) {
   return (