diff --git a/packages/button/index.js b/packages/button/index.js
index 2a6bd89aa..d61bb66eb 100644
--- a/packages/button/index.js
+++ b/packages/button/index.js
@@ -55,6 +55,7 @@ function Button({
         `variant-${themeObj.variant}`,
         themeClass,
         { 'brand-neutral': themeObj.brand === 'neutral' },
+        `background-${themeObj.background}`,
         className
       )}
       data-ga-button={`${ga_prefix ? ga_prefix + ' | ' : ''}${gaSlug}`}
diff --git a/packages/call-to-action/index.js b/packages/call-to-action/index.js
index 2d145f639..9a1bb0958 100644
--- a/packages/call-to-action/index.js
+++ b/packages/call-to-action/index.js
@@ -10,7 +10,7 @@ function CallToAction(props) {
     throw new Error('<CallToAction /> `links` must have both a title and a URL')
   }
   return (
-    <div className={`g-call-to-action variant-${variant} theme-${theme}}`}>
+    <div className={`g-call-to-action variant-${variant} theme-${theme}`}>
       <div className="g-grid-container">
         {heading && (
           <h2 data-testid="heading" className="g-type-display-2">
diff --git a/packages/call-to-action/package.json b/packages/call-to-action/package.json
index a1ff08a3b..ab8cacd42 100644
--- a/packages/call-to-action/package.json
+++ b/packages/call-to-action/package.json
@@ -7,7 +7,7 @@
     "Zach Shilton"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.4"
+    "@hashicorp/react-button": "^4.1.0"
   },
   "peerDependencies": {
     "@hashicorp/nextjs-scripts": ">=16.x"
diff --git a/packages/callouts/package-lock.json b/packages/callouts/package-lock.json
index 90d516848..62daeb9d4 100644
--- a/packages/callouts/package-lock.json
+++ b/packages/callouts/package-lock.json
@@ -4,30 +4,10 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
-    "@hashicorp/react-button": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.2.4.tgz",
-      "integrity": "sha512-jEjoN31nAI9K/4FDkUORjRhRHsH8rFIukR15wTmL72x7T0fZiBzNkB4OBAnLh2HQExLPKJzTGv+RaepJgQru/Q==",
-      "requires": {
-        "@hashicorp/react-global-styles": "^4.4.2",
-        "@hashicorp/react-inline-svg": "^1.0.2",
-        "slugify": "^1.3.6"
-      }
-    },
-    "@hashicorp/react-global-styles": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-global-styles/-/react-global-styles-4.4.2.tgz",
-      "integrity": "sha512-EprEFwymJJbrbIQmzMCODM6eYwew2OsgVa9EtWNE984/KFk71QWvbjKVjebqNB0vWdpwSt6+127kfOQsx8JolA=="
-    },
     "@hashicorp/react-inline-svg": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
       "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
     }
   }
 }
diff --git a/packages/callouts/package.json b/packages/callouts/package.json
index 2367c49f8..69faf268e 100644
--- a/packages/callouts/package.json
+++ b/packages/callouts/package.json
@@ -7,7 +7,7 @@
     "Zach Shilton"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.4",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-inline-svg": "^1.0.2"
   },
   "license": "MPL-2.0",
diff --git a/packages/case-study-slider/index.js b/packages/case-study-slider/index.js
index f5790e291..64435ec31 100644
--- a/packages/case-study-slider/index.js
+++ b/packages/case-study-slider/index.js
@@ -188,7 +188,11 @@ class CaseStudySlider extends Component {
                         />
                       </a>
                     </div>
-                    <div className="feature-content g-type-body">
+                    <div
+                      className={`feature-content g-type-body ${
+                        dark ? 'dark' : 'light'
+                      }`}
+                    >
                       {single && (
                         <div className="single-logo">
                           <Logo dark={dark} image={caseStudy.company} />
@@ -207,7 +211,10 @@ class CaseStudySlider extends Component {
                         }}
                       />
                       <Button
-                        theme={dark ? 'light-outline' : 'dark-outline'}
+                        theme={{
+                          variant: 'secondary',
+                          background: dark ? 'dark' : 'light',
+                        }}
                         title={caseStudy.buttonLabel || 'Read Case Study'}
                         url={caseStudyLink}
                       />
diff --git a/packages/case-study-slider/package-lock.json b/packages/case-study-slider/package-lock.json
index a15982500..73750f3f5 100644
--- a/packages/case-study-slider/package-lock.json
+++ b/packages/case-study-slider/package-lock.json
@@ -4,21 +4,6 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
-    "@hashicorp/react-button": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.2.4.tgz",
-      "integrity": "sha512-jEjoN31nAI9K/4FDkUORjRhRHsH8rFIukR15wTmL72x7T0fZiBzNkB4OBAnLh2HQExLPKJzTGv+RaepJgQru/Q==",
-      "requires": {
-        "@hashicorp/react-global-styles": "^4.4.2",
-        "@hashicorp/react-inline-svg": "^1.0.2",
-        "slugify": "^1.3.6"
-      }
-    },
-    "@hashicorp/react-global-styles": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-global-styles/-/react-global-styles-4.4.2.tgz",
-      "integrity": "sha512-EprEFwymJJbrbIQmzMCODM6eYwew2OsgVa9EtWNE984/KFk71QWvbjKVjebqNB0vWdpwSt6+127kfOQsx8JolA=="
-    },
     "@hashicorp/react-image": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/@hashicorp/react-image/-/react-image-2.0.3.tgz",
@@ -28,11 +13,6 @@
         "query-string": "5.1.1"
       }
     },
-    "@hashicorp/react-inline-svg": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
-      "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
     "decode-uri-component": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
@@ -53,11 +33,6 @@
         "strict-uri-encode": "^1.0.0"
       }
     },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
-    },
     "strict-uri-encode": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
diff --git a/packages/case-study-slider/package.json b/packages/case-study-slider/package.json
index 8ca39fc5e..f9efea19c 100644
--- a/packages/case-study-slider/package.json
+++ b/packages/case-study-slider/package.json
@@ -7,7 +7,7 @@
     "Mike Wickett"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.4",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-image": "^2.0.3"
   },
   "peerDependencies": {
diff --git a/packages/case-study-slider/style.css b/packages/case-study-slider/style.css
index 5a7b3546d..a2f00855b 100644
--- a/packages/case-study-slider/style.css
+++ b/packages/case-study-slider/style.css
@@ -95,6 +95,9 @@
 
       & .slider-frame {
         & .case-study {
+          & .dark {
+            color: white;
+          }
           & .feature-image {
             margin-bottom: 2rem;
 
diff --git a/packages/consent-manager/package-lock.json b/packages/consent-manager/package-lock.json
index 9db6a6266..e1beb5186 100644
--- a/packages/consent-manager/package-lock.json
+++ b/packages/consent-manager/package-lock.json
@@ -4,20 +4,6 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
-    "@hashicorp/react-button": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.3.0.tgz",
-      "integrity": "sha512-1C6V8OxadkdDAkwgItDfNxx7ns9EB6znK39V94RBiPvElmsNLCEG7zujcQX71V2n+HMSv1JPgDvXp4WLICzK+Q==",
-      "requires": {
-        "@hashicorp/react-inline-svg": "^1.0.0",
-        "slugify": "^1.3.6"
-      }
-    },
-    "@hashicorp/react-inline-svg": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
-      "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
     "@segment/in-eu": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/@segment/in-eu/-/in-eu-0.2.1.tgz",
@@ -35,11 +21,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/jstz/-/jstz-2.1.1.tgz",
       "integrity": "sha512-8hfl5RD6P7rEeIbzStBz3h4f+BQHfq/ABtoU6gXKQv5OcZhnmrIpG7e1pYaZ8hS9e0mp+bxUj08fnDUbKctYyA=="
-    },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
     }
   }
 }
diff --git a/packages/consent-manager/package.json b/packages/consent-manager/package.json
index e077ca5f8..dde0bc3ec 100644
--- a/packages/consent-manager/package.json
+++ b/packages/consent-manager/package.json
@@ -8,7 +8,7 @@
     "Jeff Escalante"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.6",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-toggle": "^2.1.0",
     "@segment/in-eu": "^0.2.1",
     "js-cookie": "^2.2.0"
diff --git a/packages/content-cta/package.json b/packages/content-cta/package.json
index d417ee898..67434cd45 100644
--- a/packages/content-cta/package.json
+++ b/packages/content-cta/package.json
@@ -7,7 +7,7 @@
     "Nicole Forrester"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.6"
+    "@hashicorp/react-button": "^4.1.0"
   },
   "license": "MPL-2.0",
   "peerDependencies": {
diff --git a/packages/featured-slider/package-lock.json b/packages/featured-slider/package-lock.json
index 8ebcc8103..4173634c3 100644
--- a/packages/featured-slider/package-lock.json
+++ b/packages/featured-slider/package-lock.json
@@ -4,15 +4,6 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
-    "@hashicorp/react-button": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.3.0.tgz",
-      "integrity": "sha512-1C6V8OxadkdDAkwgItDfNxx7ns9EB6znK39V94RBiPvElmsNLCEG7zujcQX71V2n+HMSv1JPgDvXp4WLICzK+Q==",
-      "requires": {
-        "@hashicorp/react-inline-svg": "^1.0.0",
-        "slugify": "^1.3.6"
-      }
-    },
     "@hashicorp/react-image": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@hashicorp/react-image/-/react-image-2.0.4.tgz",
@@ -22,11 +13,6 @@
         "query-string": "5.1.1"
       }
     },
-    "@hashicorp/react-inline-svg": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
-      "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
     "decode-uri-component": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.0.tgz",
@@ -47,11 +33,6 @@
         "strict-uri-encode": "^1.0.0"
       }
     },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
-    },
     "strict-uri-encode": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
diff --git a/packages/featured-slider/package.json b/packages/featured-slider/package.json
index 0ef05d1ff..06fe7a021 100644
--- a/packages/featured-slider/package.json
+++ b/packages/featured-slider/package.json
@@ -16,7 +16,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.6",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-image": "^2.0.3"
   }
 }
diff --git a/packages/hero/package-lock.json b/packages/hero/package-lock.json
index eaf195c22..1fca01f0f 100644
--- a/packages/hero/package-lock.json
+++ b/packages/hero/package-lock.json
@@ -19,15 +19,6 @@
       "resolved": "https://registry.npmjs.org/@hashicorp/react-alert/-/react-alert-2.0.3.tgz",
       "integrity": "sha512-03qWTvECGrG2Z0cm/w71J/KmSBJrUem1QTdRuGFHLTPGgAdIgI90xWpYWmUjGw7gXrxJ/q1yY2JwbfpHwRrpPg=="
     },
-    "@hashicorp/react-button": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.3.0.tgz",
-      "integrity": "sha512-1C6V8OxadkdDAkwgItDfNxx7ns9EB6znK39V94RBiPvElmsNLCEG7zujcQX71V2n+HMSv1JPgDvXp4WLICzK+Q==",
-      "requires": {
-        "@hashicorp/react-inline-svg": "^1.0.0",
-        "slugify": "^1.3.6"
-      }
-    },
     "@hashicorp/react-image": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@hashicorp/react-image/-/react-image-2.0.4.tgz",
@@ -37,11 +28,6 @@
         "query-string": "5.1.1"
       }
     },
-    "@hashicorp/react-inline-svg": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
-      "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
     "asap": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
@@ -239,11 +225,6 @@
       "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
       "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU="
     },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
-    },
     "strict-uri-encode": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
diff --git a/packages/hero/package.json b/packages/hero/package.json
index 070760d21..dcb5b11ba 100644
--- a/packages/hero/package.json
+++ b/packages/hero/package.json
@@ -10,7 +10,7 @@
     "@hashicorp/js-utils": "next",
     "@hashicorp/localstorage-polyfill": "^1.0.14",
     "@hashicorp/react-alert": "^2.0.3",
-    "@hashicorp/react-button": "^2.2.6",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-image": "^2.0.3",
     "@hashicorp/react-text-input": "^3.0.1",
     "classnames": "^2.2.6",
diff --git a/packages/logo-grid/index.js b/packages/logo-grid/index.js
index 8d1c6c931..d79830c1f 100644
--- a/packages/logo-grid/index.js
+++ b/packages/logo-grid/index.js
@@ -58,7 +58,7 @@ class LogoGrid extends Component {
           <Button
             title={`${c.name} Website`}
             url={c.link}
-            theme="dark-outline"
+            theme={{ variant: 'secondary' }}
             external={true}
           />
         )}
diff --git a/packages/logo-grid/package-lock.json b/packages/logo-grid/package-lock.json
index 039337bd6..6cf034e3a 100644
--- a/packages/logo-grid/package-lock.json
+++ b/packages/logo-grid/package-lock.json
@@ -4,15 +4,6 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
-    "@hashicorp/react-button": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.3.0.tgz",
-      "integrity": "sha512-1C6V8OxadkdDAkwgItDfNxx7ns9EB6znK39V94RBiPvElmsNLCEG7zujcQX71V2n+HMSv1JPgDvXp4WLICzK+Q==",
-      "requires": {
-        "@hashicorp/react-inline-svg": "^1.0.0",
-        "slugify": "^1.3.6"
-      }
-    },
     "@hashicorp/react-image": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/@hashicorp/react-image/-/react-image-2.0.4.tgz",
@@ -22,11 +13,6 @@
         "query-string": "5.1.1"
       }
     },
-    "@hashicorp/react-inline-svg": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
-      "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
     "@tippy.js/react": {
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/@tippy.js/react/-/react-2.2.2.tgz",
@@ -89,11 +75,6 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.9.0.tgz",
       "integrity": "sha512-tJBzzzIgnnRfEm046qRcURvwQnZVXmuCbscxUO5RWrGTXpon2d4c8mI0D8WE6ydVIm29JiLB6+RslkIvym9Rjw=="
     },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
-    },
     "strict-uri-encode": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz",
diff --git a/packages/logo-grid/package.json b/packages/logo-grid/package.json
index 076d4a081..61bc3d433 100644
--- a/packages/logo-grid/package.json
+++ b/packages/logo-grid/package.json
@@ -7,7 +7,7 @@
     "Jeff Escalante"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.6",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-image": "^2.0.3",
     "@tippy.js/react": "^2.1.2"
   },
diff --git a/packages/product-downloader/package-lock.json b/packages/product-downloader/package-lock.json
index 76e431577..1d5f076a2 100644
--- a/packages/product-downloader/package-lock.json
+++ b/packages/product-downloader/package-lock.json
@@ -4,35 +4,10 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
-    "@hashicorp/react-button": {
-      "version": "2.2.8",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.2.8.tgz",
-      "integrity": "sha512-dEn1L/q4OEB35ttc/MmfewXm/SWSD8S3lVTum67GHoaQdxxIU5DFI1GzE+7soQJuIkAqoqMk6s5BvBUW966ksQ==",
-      "requires": {
-        "@hashicorp/react-global-styles": "^4.6.1",
-        "@hashicorp/react-inline-svg": "^1.0.2",
-        "slugify": "^1.3.6"
-      }
-    },
-    "@hashicorp/react-global-styles": {
-      "version": "4.6.1",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-global-styles/-/react-global-styles-4.6.1.tgz",
-      "integrity": "sha512-a2eWgjLwGAC2LjUHE7Xt6sRGGjyTWfrc4N+qVxsyZw4eE0EiNhMIKDYHWjmtb+tGh8r8j+ca3tSjsuOUePVPUw=="
-    },
-    "@hashicorp/react-inline-svg": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
-      "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
     "semver": {
       "version": "7.3.2",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
       "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ=="
-    },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
     }
   }
 }
diff --git a/packages/product-downloader/package.json b/packages/product-downloader/package.json
index 35e067e3d..2b984ee97 100644
--- a/packages/product-downloader/package.json
+++ b/packages/product-downloader/package.json
@@ -7,7 +7,7 @@
     "Zack Tanner"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.8",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-tabs": "^4.0.0",
     "semver": "^7.3.2"
   },
diff --git a/packages/subnav/package-lock.json b/packages/subnav/package-lock.json
index dd9f92d30..e22745676 100644
--- a/packages/subnav/package-lock.json
+++ b/packages/subnav/package-lock.json
@@ -4,15 +4,6 @@
 	"lockfileVersion": 1,
 	"requires": true,
 	"dependencies": {
-		"@hashicorp/react-button": {
-			"version": "2.3.0",
-			"resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.3.0.tgz",
-			"integrity": "sha512-1C6V8OxadkdDAkwgItDfNxx7ns9EB6znK39V94RBiPvElmsNLCEG7zujcQX71V2n+HMSv1JPgDvXp4WLICzK+Q==",
-			"requires": {
-				"@hashicorp/react-inline-svg": "^1.0.0",
-				"slugify": "^1.3.6"
-			}
-		},
 		"@hashicorp/react-inline-svg": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
@@ -42,11 +33,6 @@
 			"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.1.tgz",
 			"integrity": "sha512-V4aYg89jEoVRxRb2fJdAg8FHvI7cEyYdVAh94HH0UIK8oJxUfkjlDQN9RbMx+bEjP7+ggMiFRprSti032Oipxw=="
 		},
-		"slugify": {
-			"version": "1.4.5",
-			"resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-			"integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
-		},
 		"unfetch": {
 			"version": "4.1.0",
 			"resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.1.0.tgz",
diff --git a/packages/subnav/package.json b/packages/subnav/package.json
index 12b60420e..5a393e377 100644
--- a/packages/subnav/package.json
+++ b/packages/subnav/package.json
@@ -7,7 +7,7 @@
     "Zach Shilton"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.4",
+    "@hashicorp/react-button": "^4.1.0",
     "@hashicorp/react-inline-svg": "^1.0.2",
     "@hashicorp/react-link-wrap": "^1.0.2",
     "classnames": "^2.2.6",
diff --git a/packages/text-split/package-lock.json b/packages/text-split/package-lock.json
index e68bd99d5..2d578750a 100644
--- a/packages/text-split/package-lock.json
+++ b/packages/text-split/package-lock.json
@@ -4,37 +4,10 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
-    "@hashicorp/react-button": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-button/-/react-button-2.2.4.tgz",
-      "integrity": "sha512-jEjoN31nAI9K/4FDkUORjRhRHsH8rFIukR15wTmL72x7T0fZiBzNkB4OBAnLh2HQExLPKJzTGv+RaepJgQru/Q==",
-      "requires": {
-        "@hashicorp/react-global-styles": "^4.4.2",
-        "@hashicorp/react-inline-svg": "^1.0.2",
-        "slugify": "^1.3.6"
-      },
-      "dependencies": {
-        "@hashicorp/react-global-styles": {
-          "version": "4.4.2",
-          "resolved": "https://registry.npmjs.org/@hashicorp/react-global-styles/-/react-global-styles-4.4.2.tgz",
-          "integrity": "sha512-EprEFwymJJbrbIQmzMCODM6eYwew2OsgVa9EtWNE984/KFk71QWvbjKVjebqNB0vWdpwSt6+127kfOQsx8JolA=="
-        }
-      }
-    },
-    "@hashicorp/react-inline-svg": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@hashicorp/react-inline-svg/-/react-inline-svg-1.0.2.tgz",
-      "integrity": "sha512-AAFnBslSTgnEr++dTbMn3sybAqvn7myIj88ijGigF6u11eSRiV64zqEcyYLQKWTV6dF4AvYoxiYC6GSOgiM0Yw=="
-    },
     "classnames": {
       "version": "2.2.6",
       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz",
       "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q=="
-    },
-    "slugify": {
-      "version": "1.4.5",
-      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.4.5.tgz",
-      "integrity": "sha512-WpECLAgYaxHoEAJ8Q1Lo8HOs1ngn7LN7QjXgOLbmmfkcWvosyk4ZTXkTzKyhngK640USTZUlgoQJfED1kz5fnQ=="
     }
   }
 }
diff --git a/packages/text-split/package.json b/packages/text-split/package.json
index 929e99f73..203a593cc 100644
--- a/packages/text-split/package.json
+++ b/packages/text-split/package.json
@@ -7,7 +7,7 @@
     "Zach Shilton"
   ],
   "dependencies": {
-    "@hashicorp/react-button": "^2.2.3",
+    "@hashicorp/react-button": "^4.1.0",
     "classnames": "^2.2.6"
   },
   "license": "MPL-2.0",