diff --git a/src/components/home/index.module.css b/src/components/home/index.module.css
index a4bd2934..f681602e 100644
--- a/src/components/home/index.module.css
+++ b/src/components/home/index.module.css
@@ -24,6 +24,10 @@ html[data-theme="dark"] {
   .heroBanner {
     padding: 2rem;
   }
+
+  .buttons {
+    flex-direction: column;
+  }
 }
 
 .buttons {
@@ -32,6 +36,6 @@ html[data-theme="dark"] {
   justify-content: center;
 }
 
-.buttonMargin {
-  margin: 1em 0.5em;
+.buttons>a {
+  margin: 0.5rem;
 }
diff --git a/src/components/home/index.tsx b/src/components/home/index.tsx
index 44cfabfd..83ddb80e 100644
--- a/src/components/home/index.tsx
+++ b/src/components/home/index.tsx
@@ -24,13 +24,11 @@ function HomepageHeader() {
           >
             Visit Boa Playground
           </Link>
-        </div>
-        <div>
           <Link
-            className={"button button--secondary " + styles.buttonMargin}
+            className={"button button--secondary button--lg"}
             href="https://docs.rs/boa_engine/latest/boa_engine/"
           >
-            Documentation
+            View Documentation
           </Link>
         </div>
       </div>