diff --git a/client/src/components/helpers/AvatarRenderer.js b/client/src/components/helpers/AvatarRenderer.js
index 72e4994438..df6b2f2d81 100644
--- a/client/src/components/helpers/AvatarRenderer.js
+++ b/client/src/components/helpers/AvatarRenderer.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { Image } from '@freecodecamp/react-bootstrap';
 import DefaultAvatar from '../../assets/icons/DefaultAvatar';
 import { defaultUserImage } from '../../../../config/misc';
+import { borderColorPicker } from '../helpers';
 
 const propTypes = {
   isDonating: PropTypes.bool,
@@ -11,13 +12,6 @@ const propTypes = {
   userName: PropTypes.string.isRequired
 };
 
-function borderColorPicker(isDonating, isTopContributor) {
-  if (isDonating && isTopContributor) return 'purple-border';
-  else if (isTopContributor) return 'green-border';
-  else if (isDonating) return 'gold-border';
-  else return 'default-border';
-}
-
 function AvatarRenderer({ picture, userName, isDonating, isTopContributor }) {
   let borderColor = borderColorPicker(isDonating, isTopContributor);
   let isPlaceHolderImage =