diff --git a/packages/account/src/Sections/Security/DeactivateAccount/__test__/deactivate-account.spec.tsx b/packages/account/src/Sections/Security/DeactivateAccount/__test__/deactivate-account.spec.tsx
new file mode 100644
index 000000000000..1c3531a50a87
--- /dev/null
+++ b/packages/account/src/Sections/Security/DeactivateAccount/__test__/deactivate-account.spec.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom';
+import DeactivateAccount from '../deactivate-account';
+
+describe('<DeactivateAccount />', () => {
+    it('should render DeactivateAccount component', () => {
+        const { container } = render(
+            <MemoryRouter>
+                <DeactivateAccount />
+            </MemoryRouter>
+        );
+
+        expect(container).toBeInTheDocument();
+    });
+});
diff --git a/packages/account/src/Sections/Security/DeactivateAccount/deactivate-account.jsx b/packages/account/src/Sections/Security/DeactivateAccount/deactivate-account.tsx
similarity index 100%
rename from packages/account/src/Sections/Security/DeactivateAccount/deactivate-account.jsx
rename to packages/account/src/Sections/Security/DeactivateAccount/deactivate-account.tsx
diff --git a/packages/account/src/Sections/Security/DeactivateAccount/index.js b/packages/account/src/Sections/Security/DeactivateAccount/index.ts
similarity index 60%
rename from packages/account/src/Sections/Security/DeactivateAccount/index.js
rename to packages/account/src/Sections/Security/DeactivateAccount/index.ts
index 9443be90b49f..2f3ba8836331 100644
--- a/packages/account/src/Sections/Security/DeactivateAccount/index.js
+++ b/packages/account/src/Sections/Security/DeactivateAccount/index.ts
@@ -1,4 +1,4 @@
 // TODO: Remove once mobile team has changed this link
-import DeactivateAccount from './deactivate-account.jsx';
+import DeactivateAccount from './deactivate-account';
 
 export default DeactivateAccount;