From 29c93b57322fe0b298405892f73f3a7600253b3f Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Mon, 3 Nov 2025 12:40:22 -0600
Subject: [PATCH] fix(site): improve mobile home page spacing

---
 site/src/components/HomePageDemo/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/components/HomePageDemo/index.tsx b/site/src/components/HomePageDemo/index.tsx
index f32cd7a5..d50a6dfc 100644
--- a/site/src/components/HomePageDemo/index.tsx
+++ b/site/src/components/HomePageDemo/index.tsx
@@ -9,14 +9,14 @@ interface Props {
 export default function HomePageDemo({ className }: Props) {
   return (
     <section className={clsx('grid gap-x-9 gap-y-6 lg:grid-cols-2', className)}>
-      <section className="grid grid-rows-subgrid row-span-2">
+      <section className="grid grid-rows-subgrid row-span-2 mb-6 lg:mb-0">
         <header className="max-w-3xl">
           <h2 className="text-h5 font-semibold lg:text-h4 mb-1">Assemble your player</h2>
           <p>Feel at home with your framework, skin, and media source</p>
         </header>
         <BaseDemo className="lg:h-100 m-0" />
       </section>
-      <section className="grid grid-rows-subgrid row-span-2">
+      <section className="grid grid-rows-subgrid row-span-2 mb-6 lg:mb-0">
         <header className="max-w-3xl">
           <h2 className="text-h5 font-semibold lg:text-h4 mb-1">Take full control</h2>
           <p>Make your player truly your own with fully-editable components</p>