diff --git a/packages/desktop-client/src/components/budget/MobileTable.js b/packages/desktop-client/src/components/budget/MobileTable.tsx
similarity index 63%
rename from packages/desktop-client/src/components/budget/MobileTable.js
rename to packages/desktop-client/src/components/budget/MobileTable.tsx
index 2123cfe155c..1bde735167a 100644
--- a/packages/desktop-client/src/components/budget/MobileTable.js
+++ b/packages/desktop-client/src/components/budget/MobileTable.tsx
@@ -1,11 +1,20 @@
-import React from 'react';
+import React, {
+  type ComponentProps,
+  type CSSProperties,
+  type ReactNode,
+} from 'react';
 
 import { colors } from '../../style';
 import View from '../common/View';
 
 export const ROW_HEIGHT = 50;
 
-export const ListItem = ({ children, style, ...props }) => {
+type ListItemProps = ComponentProps<typeof View> & {
+  children?: ReactNode;
+  style: CSSProperties;
+};
+
+export const ListItem = ({ children, style, ...props }: ListItemProps) => {
   return (
     <View
       style={[
diff --git a/upcoming-release-notes/1602.md b/upcoming-release-notes/1602.md
new file mode 100644
index 00000000000..e528a3596d1
--- /dev/null
+++ b/upcoming-release-notes/1602.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [Jod929]
+---
+
+Refactor MobileTable to tsx.
\ No newline at end of file