diff --git a/apps/web/src/app/brand/page.tsx b/apps/web/src/app/brand/page.tsx
index b07c2ff3..94e3f3e1 100644
--- a/apps/web/src/app/brand/page.tsx
+++ b/apps/web/src/app/brand/page.tsx
@@ -113,7 +113,15 @@ export default function BrandPage() {
 			description={
 				<>
 					Download OpenCut brand assets for use in your projects.{" "}
-					<Link href="#guidelines" className="underline underline-offset-4">
+					<Link
+						href="#guidelines"
+						className="underline underline-offset-4"
+						onClick={() =>
+							document
+								.getElementById("guidelines")
+								?.scrollIntoView({ behavior: "smooth" })
+						}
+					>
 						Read the brand guidelines.
 					</Link>
 				</>