diff --git a/packages/website/src/pages/index.tsx b/packages/website/src/pages/index.tsx
index c66571392d4e..5f2528ba5180 100644
--- a/packages/website/src/pages/index.tsx
+++ b/packages/website/src/pages/index.tsx
@@ -120,7 +120,7 @@ function Feature({ title, description }: FeatureItem): JSX.Element {
       <p>{description}</p>
       <div className={styles.buttons}>
         <Link
-          className="button button--primary"
+          className={clsx('button button--primary', styles.buttonCentered)}
           to={useBaseUrl('getting-started')}
         >
           Get Started
@@ -140,7 +140,7 @@ function Home(): JSX.Element {
           <p className="hero__subtitle">{siteConfig.tagline}</p>
           <div className={styles.buttons}>
             <Link
-              className={clsx('button button--primary', styles.buttonPrimary)}
+              className="button button--primary"
               to={useBaseUrl('getting-started')}
             >
               Get Started
diff --git a/packages/website/src/pages/styles.module.css b/packages/website/src/pages/styles.module.css
index bcd6dd9be994..309dc8e9d9e3 100644
--- a/packages/website/src/pages/styles.module.css
+++ b/packages/website/src/pages/styles.module.css
@@ -35,6 +35,10 @@
   margin: 1rem 1rem;
 }
 
+.buttonCentered {
+  margin: auto;
+}
+
 .buttonPrimary {
   border: var(--ifm-button-border-width) solid var(--ifm-button-color);
 }