diff --git a/website/src/components/ClientCode.tsx b/website/src/components/ClientCode.tsx
index e9f6f7e3..6eefa3ac 100644
--- a/website/src/components/ClientCode.tsx
+++ b/website/src/components/ClientCode.tsx
@@ -41,16 +41,14 @@ export default function ClientCode({ code, lang, className }: ClientCodeProps) {
   }
 
   const html = hastToHtml(hast);
-  const { class: preClassName, style: _preStyle, ...restPreProps } = preProps;
-  const { class: codeClassName, style: _codeStyle, ...restCodeProps } = codeProps;
+  const { class: preClassName } = preProps;
+  const { class: codeClassName } = codeProps;
 
   return (
     <pre
-      {...restPreProps}
       className={clsx('rounded-lg p-6 overflow-x-auto overflow-y-scroll max-h-96 border border-light-40 bg-light-100', preClassName, className)}
     >
       <code
-        {...restCodeProps}
         className={clsx('font-mono text-code', codeClassName)}
         // eslint-disable-next-line react-dom/no-dangerously-set-innerhtml
         dangerouslySetInnerHTML={{ __html: html }}
diff --git a/website/src/layouts/Base.astro b/website/src/layouts/Base.astro
index f0c913aa..eb18b75b 100644
--- a/website/src/layouts/Base.astro
+++ b/website/src/layouts/Base.astro
@@ -24,7 +24,7 @@ const fullTitle = Array.isArray(title)
 
 <html lang="en">
   <head>
-    <!-- Global Metadata -->
+    {/* Global Metadata */}
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -32,39 +32,38 @@ const fullTitle = Array.isArray(title)
     <link rel="alternate" type="application/rss+xml" title={SITE_TITLE} href={new URL('rss.xml', Astro.site)} />
     <meta name="generator" content={Astro.generator} />
 
-    <!-- Important stuff -->
+    {/* Important stuff */}
     <slot name="priority-head" />
 
-    <!-- Font preloads -->
+    {/* Font preloads */}
     <Font cssVariable="--font-instrument-sans" preload />
     <Font cssVariable="--font-ibm-plex-mono" preload />
 
-    <!-- Canonical URL -->
+    {/* Canonical URL */}
     <link rel="canonical" href={canonicalURL} />
 
-    <!-- Primary Meta Tags -->
+    {/* Primary Meta Tags */}
     <title>{fullTitle}</title>
     <meta name="title" content={fullTitle} />
     <meta name="description" content={description} />
 
-    <!-- Open Graph / Facebook -->
+    {/* Open Graph / Facebook */}
     <meta property="og:type" content="website" />
     <meta property="og:url" content={Astro.url} />
     <meta property="og:title" content={fullTitle} />
     <meta property="og:description" content={description} />
     {image && <meta property="og:image" content={new URL(image.src, Astro.url)} />}
 
-    <!-- Twitter -->
+    {/* Twitter */}
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:url" content={Astro.url} />
     <meta property="twitter:title" content={fullTitle} />
     <meta property="twitter:description" content={description} />
     {image && <meta property="twitter:image" content={new URL(image.src, Astro.url)} />}
 
-    <!-- Whatever else -->
+    {/* Whatever else */}
     <slot name="head" />
   </head>
-  <!-- BaseUI requires body.relative and div.isolate -->
   <body
     class:list={[
       'relative',
@@ -75,6 +74,7 @@ const fullTitle = Array.isArray(title)
       'selection:bg-yellow selection:text-dark-100',
     ]}
   >
+    {/* BaseUI requires body.relative and div.isolate */}
     <div class="isolate">
       <slot />
       <FooterEasterEgg />
diff --git a/website/src/pages/index.astro b/website/src/pages/index.astro
index f5233a6c..0cf45381 100644
--- a/website/src/pages/index.astro
+++ b/website/src/pages/index.astro
@@ -52,14 +52,14 @@ const poster = `https://image.mux.com/${PLAYBACK_ID}/thumbnail.webp?time=0`;
           <h2 class="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>
-        <HomePageBaseDemo client:idle className="lg:h-88" />
+        <HomePageBaseDemo client:idle className="lg:h-89" />
       </section>
       <section class="grid grid-rows-subgrid row-span-2 mb-6">
         <header class="max-w-3xl">
           <h2 class="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>
         </header>
-        <HomePageEjectDemo client:idle className="lg:h-88" />
+        <HomePageEjectDemo client:idle className="lg:h-89" />
       </section>
     </section>
     <section class="rounded-3xl">
diff --git a/website/src/styles/globals.css b/website/src/styles/globals.css
index 9be5c32f..6828f1fc 100644
--- a/website/src/styles/globals.css
+++ b/website/src/styles/globals.css
@@ -120,10 +120,10 @@
   --animate-marquee: marquee 40s linear infinite;
   @keyframes marquee {
     from {
-      transform: translate3d(0, 0, 0);
+      transform: translate3d(-50%, 0, 0);
     }
     to {
-      transform: translate3d(-50%, 0, 0);
+      transform: translate3d(0, 0, 0);
     }
   }
 }
