diff --git a/src/index.d.ts b/src/index.d.ts
deleted file mode 100644
index 63199ce7eeb..00000000000
--- a/src/index.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module '*.svg'
diff --git a/src/pages/responsible/_banner.js b/src/pages/responsible/_banner.tsx
similarity index 100%
rename from src/pages/responsible/_banner.js
rename to src/pages/responsible/_banner.tsx
diff --git a/src/pages/responsible/_need-help.js b/src/pages/responsible/_need-help.tsx
similarity index 95%
rename from src/pages/responsible/_need-help.js
rename to src/pages/responsible/_need-help.tsx
index a7a81deb9fd..a63209c301a 100644
--- a/src/pages/responsible/_need-help.js
+++ b/src/pages/responsible/_need-help.tsx
@@ -9,7 +9,16 @@ import UnderageMobile from 'images/svg/responsible/underage-mobile.svg'
 import Filtering from 'images/svg/responsible/filtering-controls.svg'
 import FilteringMobile from 'images/svg/responsible/filtering-controls-mobile.svg'
 
-const help_content = [
+type HelpContentType = {
+    header: React.ReactElement
+    text: React.ReactElement
+    icon: React.ReactElement
+    icon_mobile: React.ReactElement
+    link?: string
+    text2?: string
+}[]
+
+const help_content: HelpContentType = [
     {
         header: <Localize translate_text="Underage gambling" />,
         text: (
diff --git a/src/pages/responsible/_securing-account.js b/src/pages/responsible/_securing-account.tsx
similarity index 100%
rename from src/pages/responsible/_securing-account.js
rename to src/pages/responsible/_securing-account.tsx
diff --git a/src/pages/responsible/_trading-limits.js b/src/pages/responsible/_trading-limits.tsx
similarity index 99%
rename from src/pages/responsible/_trading-limits.js
rename to src/pages/responsible/_trading-limits.tsx
index c2591c58f13..5e2ab9efc64 100644
--- a/src/pages/responsible/_trading-limits.js
+++ b/src/pages/responsible/_trading-limits.tsx
@@ -156,7 +156,6 @@ const TradingLimits = () => {
                             {localize('How trading limits and self-exclusion work')}
                         </StyledHeader>
                         <div>
-                            {/* TODO: enable these self exclusion notes when new Backend API is ready */}
                             <Show.NonEU>
                                 <Text ml="0.8rem" max_width="44rem">
                                     <TimelineTick color="var(--color-red)" pb="1rem">
diff --git a/src/pages/responsible/_trading-responsibly.js b/src/pages/responsible/_trading-responsibly.tsx
similarity index 100%
rename from src/pages/responsible/_trading-responsibly.js
rename to src/pages/responsible/_trading-responsibly.tsx
diff --git a/src/pages/responsible/index.js b/src/pages/responsible/index.tsx
similarity index 100%
rename from src/pages/responsible/index.js
rename to src/pages/responsible/index.tsx