diff --git a/src/styles/utilities/whiteSpace/index.native.js b/src/styles/utilities/whiteSpace/index.native.js
deleted file mode 100644
index 250ded17052a..000000000000
--- a/src/styles/utilities/whiteSpace/index.native.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export default {
-    noWrap: {},
-    preWrap: {},
-};
diff --git a/src/styles/utilities/whiteSpace/index.native.ts b/src/styles/utilities/whiteSpace/index.native.ts
new file mode 100644
index 000000000000..420bda325c6a
--- /dev/null
+++ b/src/styles/utilities/whiteSpace/index.native.ts
@@ -0,0 +1,9 @@
+import WhiteSpaceStyles from './types';
+
+const whiteSpace: WhiteSpaceStyles = {
+    noWrap: {},
+    preWrap: {},
+    pre: {},
+};
+
+export default whiteSpace;
diff --git a/src/styles/utilities/whiteSpace/index.js b/src/styles/utilities/whiteSpace/index.ts
similarity index 58%
rename from src/styles/utilities/whiteSpace/index.js
rename to src/styles/utilities/whiteSpace/index.ts
index a7051cda6c21..dd0ef94d12b0 100644
--- a/src/styles/utilities/whiteSpace/index.js
+++ b/src/styles/utilities/whiteSpace/index.ts
@@ -1,4 +1,6 @@
-export default {
+import WhiteSpaceStyles from './types';
+
+const whiteSpace: WhiteSpaceStyles = {
     noWrap: {
         whiteSpace: 'nowrap',
     },
@@ -9,3 +11,5 @@ export default {
         whiteSpace: 'pre',
     },
 };
+
+export default whiteSpace;
diff --git a/src/styles/utilities/whiteSpace/types.ts b/src/styles/utilities/whiteSpace/types.ts
new file mode 100644
index 000000000000..c42dc14080b1
--- /dev/null
+++ b/src/styles/utilities/whiteSpace/types.ts
@@ -0,0 +1,5 @@
+import {CSSProperties} from 'react';
+
+type WhiteSpaceStyles = Record<'noWrap' | 'preWrap' | 'pre', Partial<Pick<CSSProperties, 'whiteSpace'>>>;
+
+export default WhiteSpaceStyles;