diff --git a/src/css/custom.css b/src/css/custom.css
index 0fbf834406..494785960d 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -15,6 +15,7 @@
   --ifm-color-primary-lighter: #325CBD;
   --ifm-color-primary-lightest: #325CBD;
   --ifm-code-font-size: 95%;
+  --ifm-footer-link-hover-color: #6684CE;
 }
 
 html[data-theme="dark"] {
@@ -28,6 +29,11 @@ html[data-theme="dark"] {
   --ifm-code-font-size: 95%;
 }
 
+.button {
+  border-style: solid !important;
+  border-width: 1px !important;
+}
+
 .docusaurus-highlight-code-line {
   background-color: rgb(72, 77, 91);
   display: block;
@@ -57,7 +63,7 @@ html[data-theme="dark"] {
 .card:hover {
   transform: translate(0px, -5px);
 }
- 
+
 .footer--dark {
   background-color: #232323 !important;
 }
diff --git a/src/pages/index.js b/src/pages/index.js
index b4fb60d923..066f50b09e 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -110,7 +110,7 @@ function Home() {
           <div className={styles.buttons}>
             <Link
               className={clsx(
-                'button button--outline button--warn button--lg',
+                'button button--outline button--lg',
                 styles.getStarted,
               )}
               to={useBaseUrl('docs/getting-started/overview')}>