diff --git a/packages/account/src/Components/account-limits/__tests__/account-limits-table-header.spec.js b/packages/account/src/Components/account-limits/__tests__/account-limits-table-header.spec.tsx
similarity index 100%
rename from packages/account/src/Components/account-limits/__tests__/account-limits-table-header.spec.js
rename to packages/account/src/Components/account-limits/__tests__/account-limits-table-header.spec.tsx
diff --git a/packages/account/src/Components/account-limits/account-limits-table-header.jsx b/packages/account/src/Components/account-limits/account-limits-table-header.tsx
similarity index 78%
rename from packages/account/src/Components/account-limits/account-limits-table-header.jsx
rename to packages/account/src/Components/account-limits/account-limits-table-header.tsx
index da50e278c3f4..cd5d080aab8a 100644
--- a/packages/account/src/Components/account-limits/account-limits-table-header.jsx
+++ b/packages/account/src/Components/account-limits/account-limits-table-header.tsx
@@ -1,9 +1,17 @@
-import PropTypes from 'prop-types';
 import * as React from 'react';
 import classNames from 'classnames';
 import { Text } from '@deriv/components';
 
-const AccountLimitsTableHeader = ({ align, children, renderExtraInfo }) => {
+type TAccountLimitsTableHeader = {
+    align: 'left' | 'right';
+    renderExtraInfo: () => React.ReactNode;
+};
+
+const AccountLimitsTableHeader = ({
+    align,
+    children,
+    renderExtraInfo,
+}: React.PropsWithChildren<Partial<TAccountLimitsTableHeader>>) => {
     return (
         <th
             className={classNames('da-account-limits__table-header', {
@@ -30,10 +38,4 @@ const AccountLimitsTableHeader = ({ align, children, renderExtraInfo }) => {
     );
 };
 
-AccountLimitsTableHeader.propTypes = {
-    align: PropTypes.oneOf(['right', 'left']),
-    children: PropTypes.any,
-    renderExtraInfo: PropTypes.func,
-};
-
 export default AccountLimitsTableHeader;
diff --git a/packages/account/src/Components/account-limits/account-limits.jsx b/packages/account/src/Components/account-limits/account-limits.jsx
index 4be46dbedeed..78e7c12c7886 100644
--- a/packages/account/src/Components/account-limits/account-limits.jsx
+++ b/packages/account/src/Components/account-limits/account-limits.jsx
@@ -12,7 +12,7 @@ import AccountLimitsExtraInfo from './account-limits-extra-info.jsx';
 import AccountLimitsFooter from './account-limits-footer.jsx';
 import AccountLimitsOverlay from './account-limits-overlay.jsx';
 import AccountLimitsTableCell from './account-limits-table-cell.jsx';
-import AccountLimitsTableHeader from './account-limits-table-header.jsx';
+import AccountLimitsTableHeader from './account-limits-table-header';
 import AccountLimitsTurnoverLimitRow from './account-limits-turnover-limit-row.jsx';
 
 const AccountLimits = ({