diff --git a/src/styles/overflowXHidden/index.js b/src/styles/overflowXHidden/index.js
deleted file mode 100644
index 6cdd34a05eb0..000000000000
--- a/src/styles/overflowXHidden/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-    overflowX: 'hidden',
-};
diff --git a/src/styles/overflowXHidden/index.native.js b/src/styles/overflowXHidden/index.native.js
deleted file mode 100644
index ff8b4c56321a..000000000000
--- a/src/styles/overflowXHidden/index.native.js
+++ /dev/null
@@ -1 +0,0 @@
-export default {};
diff --git a/src/styles/overflowXHidden/index.native.ts b/src/styles/overflowXHidden/index.native.ts
new file mode 100644
index 000000000000..3a2f61893d94
--- /dev/null
+++ b/src/styles/overflowXHidden/index.native.ts
@@ -0,0 +1,5 @@
+import OverflowXHiddenStyles from './types';
+
+const overflowXHidden: OverflowXHiddenStyles = {};
+
+export default overflowXHidden;
diff --git a/src/styles/overflowXHidden/index.ts b/src/styles/overflowXHidden/index.ts
new file mode 100644
index 000000000000..6807be275be9
--- /dev/null
+++ b/src/styles/overflowXHidden/index.ts
@@ -0,0 +1,7 @@
+import OverflowXHiddenStyles from './types';
+
+const overflowXHidden: OverflowXHiddenStyles = {
+    overflowX: 'hidden',
+};
+
+export default overflowXHidden;
diff --git a/src/styles/overflowXHidden/types.ts b/src/styles/overflowXHidden/types.ts
new file mode 100644
index 000000000000..7ac572f0e651
--- /dev/null
+++ b/src/styles/overflowXHidden/types.ts
@@ -0,0 +1,5 @@
+import {CSSProperties} from 'react';
+
+type OverflowXHiddenStyles = Partial<Pick<CSSProperties, 'overflowX'>>;
+
+export default OverflowXHiddenStyles;