diff --git a/docs-next/src/components/HomepagePageTitle.astro b/docs-next/src/components/HomepagePageTitle.astro
index 37e3e780fd..54e29ec289 100644
--- a/docs-next/src/components/HomepagePageTitle.astro
+++ b/docs-next/src/components/HomepagePageTitle.astro
@@ -56,7 +56,7 @@ import logo from "./mocha-logo.svg";
     margin-bottom: 0.5rem;
   }
 
-  @media (width >= 1000px) {
+  @media (width >= 819px) {
     @keyframes slideright {
       from {
         transform: translateX(-3rem);
diff --git a/docs-next/src/content/docs/index.mdx b/docs-next/src/content/docs/index.mdx
index da4956ac89..21d80ddc9b 100644
--- a/docs-next/src/content/docs/index.mdx
+++ b/docs-next/src/content/docs/index.mdx
@@ -6,6 +6,7 @@ head:
 title: Mocha
 ---
 
+import { LinkButton } from "@astrojs/starlight/components";
 import { Image } from "astro:assets";
 
 import supporters from "../data/supporters.json";
@@ -27,6 +28,11 @@ Thanks!
 Mocha is a feature-rich JavaScript test framework running on [Node.js](https://nodejs.org) and in the browser, making asynchronous testing _straightforward_ and _fun_.
 Mocha tests run serially, allowing for flexible and accurate reporting, while mapping uncaught exceptions to the correct test cases.
 
+<LinkButton href="/getting-started">Get started</LinkButton>
+<LinkButton href="/reference/configuration" variant="secondary">
+  Configuration Reference
+</LinkButton>
+
 ## Sponsors
 
 Use Mocha at work?