From 9da812287192a310aa998665cb02179d1a699eef Mon Sep 17 00:00:00 2001
From: Ryan Salazar <ryaninwilton@gmail.com>
Date: Fri, 22 May 2026 01:29:00 +0000
Subject: [PATCH] =?UTF-8?q?header:=20align=20About=20dropdown=20vertically?=
 =?UTF-8?q?=20+=20slow=20ticker=20scroll=20(BEAT=2017=E2=86=9250s,=20FORUM?=
 =?UTF-8?q?=2040=E2=86=92120s)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AboutDropdown.tsx   | 4 ++--
 src/components/DualSpeedTicker.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/AboutDropdown.tsx b/src/components/AboutDropdown.tsx
index 5ca6ab8..8c462d4 100644
--- a/src/components/AboutDropdown.tsx
+++ b/src/components/AboutDropdown.tsx
@@ -30,7 +30,7 @@ export default function AboutDropdown() {
   }, [open]);
 
   return (
-    <div ref={wrapRef} className="relative">
+    <div ref={wrapRef} className="relative flex items-stretch">
       <button
         type="button"
         onClick={() => setOpen((v) => !v)}
@@ -38,7 +38,7 @@ export default function AboutDropdown() {
         aria-expanded={open}
         className="bb-browse-item gap-1 focus:outline-none focus-visible:ring-1 focus-visible:ring-[#3b82f6]"
       >
-        <span>About</span>
+        <span>ABOUT</span>
         <span aria-hidden="true" className="text-[10px]">▾</span>
       </button>
       {open && (
diff --git a/src/components/DualSpeedTicker.tsx b/src/components/DualSpeedTicker.tsx
index 6f72037..be31921 100644
--- a/src/components/DualSpeedTicker.tsx
+++ b/src/components/DualSpeedTicker.tsx
@@ -112,14 +112,14 @@ export default function DualSpeedTicker() {
         label="BEAT"
         labelColor="#00ff9f"
         glowColor="rgba(0,255,159,0.55)"
-        durationSec={17}
+        durationSec={50}
         items={beat}
       />
       <Row
         label="FORUM"
         labelColor="#00d4ff"
         glowColor="rgba(0,212,255,0.55)"
-        durationSec={40}
+        durationSec={120}
         items={forum}
       />