diff --git a/client/src/templates/Challenges/components/CompletionModal.js b/client/src/templates/Challenges/components/CompletionModal.js
index 1ed0121e62..367221136b 100644
--- a/client/src/templates/Challenges/components/CompletionModal.js
+++ b/client/src/templates/Challenges/components/CompletionModal.js
@@ -147,7 +147,7 @@ export class CompletionModal extends Component {
               block={true}
               bsSize='lg'
               bsStyle='primary'
-              className='btn-primary-invert'
+              className='btn-invert'
               download={`${dashedName}.json`}
               href={this.state.downloadURL}
               >
diff --git a/client/src/templates/Challenges/components/Tool-Panel.js b/client/src/templates/Challenges/components/Tool-Panel.js
index 5412c4fcf5..1d54883829 100644
--- a/client/src/templates/Challenges/components/Tool-Panel.js
+++ b/client/src/templates/Challenges/components/Tool-Panel.js
@@ -54,7 +54,7 @@ function ToolPanel({
         <Button
           block={true}
           bsStyle='primary'
-          className='btn-primary-invert'
+          className='btn-invert'
           onClick={openResetModal}
           >
           {isMobile ? 'Reset' : 'Reset All Code'}
@@ -63,7 +63,7 @@ function ToolPanel({
           <Button
             block={true}
             bsStyle='primary'
-            className='btn-primary-invert'
+            className='btn-invert'
             href={guideUrl}
             target='_blank'
             >
@@ -74,7 +74,7 @@ function ToolPanel({
           <Button
             block={true}
             bsStyle='primary'
-            className='btn-primary-invert'
+            className='btn-invert'
             onClick={openVideoModal}
             >
             {isMobile ? 'Video' : 'Watch a video'}
@@ -83,7 +83,7 @@ function ToolPanel({
         <Button
           block={true}
           bsStyle='primary'
-          className='btn-primary-invert'
+          className='btn-invert'
           onClick={openHelpModal}
           >
           {isMobile ? 'Help' : 'Ask for help'}
diff --git a/client/src/templates/Challenges/project/Tool-Panel.js b/client/src/templates/Challenges/project/Tool-Panel.js
index bd4b149692..2cd07f6c20 100644
--- a/client/src/templates/Challenges/project/Tool-Panel.js
+++ b/client/src/templates/Challenges/project/Tool-Panel.js
@@ -32,7 +32,7 @@ export class ToolPanel extends Component {
           <Button
             block={true}
             bsStyle='primary'
-            className='btn-primary-invert'
+            className='btn-invert'
             href={guideUrl}
             target='_blank'
             >
@@ -42,7 +42,7 @@ export class ToolPanel extends Component {
         <Button
           block={true}
           bsStyle='primary'
-          className='btn-primary-invert'
+          className='btn-invert'
           onClick={openHelpModal}
           >
           Ask for help
diff --git a/client/src/templates/Introduction/Intro.js b/client/src/templates/Introduction/Intro.js
index e2b9f1cbeb..566769573e 100644
--- a/client/src/templates/Introduction/Intro.js
+++ b/client/src/templates/Introduction/Intro.js
@@ -57,7 +57,7 @@ function IntroductionPage({ data: { markdownRemark, allChallengeNode } }) {
           </Link>
           <ButtonSpacer />
           <Link to='/learn'>
-            <Button block={true} bsSize='lg' className='btn-primary-invert'>
+            <Button block={true} bsSize='lg' className='btn-invert'>
               View the curriculum
             </Button>
           </Link>