diff --git a/client/src/components/helpers/index.js b/client/src/components/helpers/index.js
index 41895ccd16..da9b95ca94 100644
--- a/client/src/components/helpers/index.js
+++ b/client/src/components/helpers/index.js
@@ -5,3 +5,4 @@ export { default as Loader } from './Loader';
 export { default as SkeletonSprite } from './SkeletonSprite';
 export { default as Spacer } from './Spacer';
 export { default as Link } from './Link';
+export { default as CurrentChallengeLink } from './CurrentChallengeLink';
diff --git a/client/src/components/profile/Profile.js b/client/src/components/profile/Profile.js
index 5779ae2c99..7f03f125ba 100644
--- a/client/src/components/profile/Profile.js
+++ b/client/src/components/profile/Profile.js
@@ -4,9 +4,7 @@ import { Alert, Button, Grid, Row, Col } from '@freecodecamp/react-bootstrap';
 import Helmet from 'react-helmet';
 import { Link } from 'gatsby';
 
-import CurrentChallengeLink from '../helpers/CurrentChallengeLink';
-import FullWidthRow from '../helpers/FullWidthRow';
-import Spacer from '../helpers/Spacer';
+import { CurrentChallengeLink, FullWidthRow, Spacer } from '../helpers';
 import Camper from './components/Camper';
 import HeatMap from './components/HeatMap';
 import Certifications from './components/Certifications';
@@ -34,7 +32,7 @@ const propTypes = {
 function TakeMeToTheChallenges() {
   return (
     <CurrentChallengeLink>
-      <Button block={true} bsSize='lg' bsStyle='primary'>
+      <Button block={true} bsSize='lg' bsStyle='primary' className='btn-invert'>
         Take me to the Challenges
       </Button>
     </CurrentChallengeLink>
@@ -64,6 +62,7 @@ function renderIsLocked(username) {
         </FullWidthRow>
         <FullWidthRow>
           <TakeMeToTheChallenges />
+          <Spacer />
         </FullWidthRow>
       </Grid>
     </Fragment>