diff --git a/docsite/src/pages/index.module.css b/docsite/src/pages/index.module.css
index de8e181af..8e2bdd778 100644
--- a/docsite/src/pages/index.module.css
+++ b/docsite/src/pages/index.module.css
@@ -17,8 +17,8 @@
 }
 
 .buttons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  display: grid;
   gap: 1rem;
+  grid-template-columns: 1fr 1fr;
+  width: fit-content;
 }
diff --git a/docsite/src/pages/index.tsx b/docsite/src/pages/index.tsx
index 65696443f..d147ad070 100644
--- a/docsite/src/pages/index.tsx
+++ b/docsite/src/pages/index.tsx
@@ -17,22 +17,44 @@ function HomepageHeader() {
         <div style={{ display: "flex", gap: "1rem", justifyContent: "center" }}>
           <div style={{ position: "relative" }}>
             <MonitorLogo width="600px" />
-            <h1 className="hero__title" style={{ margin: 0, position: "absolute", top: "40%", left: "50%", transform: "translate(-50%, -50%)" }}>
+            <h1
+              className="hero__title"
+              style={{
+                margin: 0,
+                position: "absolute",
+                top: "40%",
+                left: "50%",
+                transform: "translate(-50%, -50%)",
+              }}
+            >
               monitor
             </h1>
           </div>
         </div>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
-          <Link className="button button--secondary button--lg" to="/intro">
-            docs
-          </Link>
-          <Link
-            className="button button--secondary button--lg"
-            to="https://github.com/mbecker20/monitor"
-          >
-            github
-          </Link>
+        <div style={{ display: "flex", justifyContent: "center" }}>
+          <div className={styles.buttons}>
+            <Link className="button button--secondary button--lg" to="/intro">
+              docs
+            </Link>
+            <Link
+              className="button button--secondary button--lg"
+              to="https://github.com/mbecker20/monitor"
+            >
+              github
+            </Link>
+            <Link
+              className="button button--secondary button--lg"
+              to="https://github.com/mbecker20/monitor#readme"
+              style={{
+                width: "100%",
+                boxSizing: "border-box",
+                gridColumn: "span 2",
+              }}
+            >
+              screenshots
+            </Link>
+          </div>
         </div>
       </div>
     </header>