diff --git a/src/styles/roundToNearestMultipleOfFour.js b/src/styles/roundToNearestMultipleOfFour.ts
similarity index 79%
rename from src/styles/roundToNearestMultipleOfFour.js
rename to src/styles/roundToNearestMultipleOfFour.ts
index a00f799e9d35..e2825feb6e1e 100644
--- a/src/styles/roundToNearestMultipleOfFour.js
+++ b/src/styles/roundToNearestMultipleOfFour.ts
@@ -3,10 +3,9 @@
  * In an effort to maintain that consistency, we'll make sure that any distance we're shifting the components
  * are a multiple of 4.
  *
- * @param {Number} n
- * @returns {Number}
+ * Round number to the nearest multiple of 4
  */
-function roundToNearestMultipleOfFour(n) {
+function roundToNearestMultipleOfFour(n: number): number {
     if (n > 0) {
         return Math.ceil(n / 4.0) * 4;
     }