diff --git a/client/src/components/helpers/borderColorPicker.js b/client/src/components/helpers/border-color-picker.ts
similarity index 64%
rename from client/src/components/helpers/borderColorPicker.js
rename to client/src/components/helpers/border-color-picker.ts
index 4a36376509..eeee8a2792 100644
--- a/client/src/components/helpers/borderColorPicker.js
+++ b/client/src/components/helpers/border-color-picker.ts
@@ -1,4 +1,7 @@
-export default function borderColorPicker(isDonating, isTopContributor) {
+export default function borderColorPicker(
+  isDonating: boolean,
+  isTopContributor: boolean
+): string {
   if (isDonating && isTopContributor) return 'purple-border';
   else if (isTopContributor) return 'blue-border';
   else if (isDonating) return 'gold-border';
diff --git a/client/src/components/helpers/index.js b/client/src/components/helpers/index.js
index 02993b63ae..89b6d14887 100644
--- a/client/src/components/helpers/index.js
+++ b/client/src/components/helpers/index.js
@@ -8,4 +8,4 @@ export { default as Link } from './link';
 export { default as CurrentChallengeLink } from './current-challenge-link';
 export { default as ImageLoader } from './image-loader';
 export { default as AvatarRenderer } from './AvatarRenderer';
-export { default as borderColorPicker } from './borderColorPicker';
+export { default as borderColorPicker } from './border-color-picker';