diff --git a/frontend/index.html b/frontend/index.html
index c4cda1c..2e42308 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -130,6 +130,10 @@
             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
         }
 
+        .tab-about .tab-title {
+            font-weight: 600;
+        }
+
         .tab-icon {
             width: 16px;
             height: 16px;
@@ -158,24 +162,8 @@
             right: 4px;
         }
 
-        /* Marquee animations */
-        .tab-row.scroll-left {
-            animation: marquee-left var(--speed) linear infinite;
-        }
-
-        .tab-row.scroll-right {
-            animation: marquee-right var(--speed) linear infinite;
-        }
-
-        @keyframes marquee-left {
-            0% { transform: translateX(0); }
-            100% { transform: translateX(-50%); }
-        }
-
-        @keyframes marquee-right {
-            0% { transform: translateX(-50%); }
-            100% { transform: translateX(0); }
-        }
+        /* Marquee animation driven by Web Animations API in site.js
+           (pixel-precise endpoints for seamless looping) */
 
         /* Inline iframe viewer */
         .iframe-viewer {
diff --git a/frontend/site.js b/frontend/site.js
index fadab88..4cf4d7f 100644
--- a/frontend/site.js
+++ b/frontend/site.js
@@ -72,6 +72,7 @@ function createTab(entry) {
         img.alt = "";
         aboutIcons.push(img);
         tab.appendChild(img);
+        tab.classList.add("tab-about");
     } else if (entry.icon) {
         const img = document.createElement("img");
         img.className = "tab-icon";