diff --git a/components/layout/stacked-marquee-section.tsx b/components/layout/stacked-marquee-section.tsx
index 8ab7889..a223035 100644
--- a/components/layout/stacked-marquee-section.tsx
+++ b/components/layout/stacked-marquee-section.tsx
@@ -85,7 +85,11 @@ const DEFAULT_ROWS: MarqueeRow[] = [
   },
 ];
 
-function MarqueeRowTrack({ items, direction, duration = 24 }: MarqueeRow) {
+function MarqueeRowTrack({
+  items,
+  direction,
+  duration = 24,
+}: MarqueeRow) {
   const shouldReduceMotion = useReducedMotion();
   const viewportRef = useRef<HTMLDivElement>(null);
   const segmentRef = useRef<HTMLDivElement>(null);
@@ -103,7 +107,7 @@ function MarqueeRowTrack({ items, direction, duration = 24 }: MarqueeRow) {
     }
 
     const measure = () => {
-      const nextSegmentWidth = segment.scrollWidth;
+      const nextSegmentWidth = segment.getBoundingClientRect().width;
       const viewportWidth = viewport.clientWidth;
 
       if (!nextSegmentWidth || !viewportWidth) {
@@ -149,7 +153,11 @@ function MarqueeRowTrack({ items, direction, duration = 24 }: MarqueeRow) {
   });
 
   return (
-    <div ref={viewportRef} className="overflow-hidden leading-[0.92]">
+    <div
+      ref={viewportRef}
+      dir="ltr"
+      className="w-full overflow-hidden font-latin leading-[0.92]"
+    >
       <motion.div
         dir="ltr"
         className={cn("flex w-max flex-nowrap", !isReady && "opacity-0")}
@@ -161,22 +169,24 @@ function MarqueeRowTrack({ items, direction, duration = 24 }: MarqueeRow) {
             ref={copyIndex === 0 ? segmentRef : undefined}
             className="flex shrink-0 items-center gap-3 pr-3 sm:gap-4 sm:pr-4 lg:gap-5 lg:pr-5"
             aria-hidden={copyIndex > 0}
+            dir="ltr"
           >
             {items.map((item, itemIndex) => (
               <div
                 key={`${copyIndex}-${item}`}
                 className="flex shrink-0 items-center gap-3 sm:gap-4 lg:gap-5"
+                dir="ltr"
               >
                 <span
                   className={cn(
-                    "shrink-0 whitespace-nowrap text-[clamp(2.05rem,6vw,4.8rem)] uppercase leading-[0.92] tracking-[-0.01em] text-[hsl(var(--surface-3))] dark:text-[hsl(var(--surface-3))] [text-shadow:none]",
+                    "shrink-0 whitespace-nowrap text-[clamp(2.05rem,6vw,4.8rem)] uppercase leading-[0.92] tracking-[-0.01em] text-[hsl(var(--surface-3))] dark:text-[hsl(var(--surface-3))] [text-shadow:0_1px_2px_hsl(222_24%_10%_/_0.06)]",
                     itemIndex % 2 === 0 ? "font-black" : "font-light",
                   )}
                 >
                   {item}
                 </span>
                 <span
-                  className="text-[clamp(1.85rem,5vw,4rem)] font-light leading-[0.92] tracking-[-0.01em] text-[hsl(var(--surface-3))] dark:text-[hsl(var(--surface-3))] [text-shadow:none]"
+                  className="text-[clamp(1.85rem,5vw,4rem)] font-light leading-[0.92] tracking-[-0.01em] text-[hsl(var(--surface-3))] dark:text-[hsl(var(--surface-3))] [text-shadow:0_1px_2px_hsl(222_24%_10%_/_0.05)]"
                   aria-hidden="true"
                 >
                   /
@@ -197,6 +207,7 @@ export function StackedMarqueeSection({
   return (
     <section
       aria-label="Technology marquee"
+      dir="ltr"
       className={cn(
         "relative isolate overflow-hidden bg-transparent py-3 sm:py-4 lg:py-5",
         className,
@@ -204,7 +215,7 @@ export function StackedMarqueeSection({
     >
       <div className="relative flex flex-col gap-0 sm:gap-0 lg:gap-0">
         {rows.map((row, index) => (
-          <div key={`${row.direction}-${index}`}>
+          <div key={`${row.direction}-${index}`} dir="ltr" className="w-full">
             <MarqueeRowTrack
               items={row.items}
               direction={row.direction}