diff --git a/www/index.html b/www/index.html
index d879164..4fb3870 100644
--- a/www/index.html
+++ b/www/index.html
@@ -17,15 +17,18 @@
       }"
       x-init="setInterval(
         async () => {
-          metadata = await get_metadata()
+          metadata = await getMetadata()
         },
         2000,
       )
-      $watch('metadata.title', (value, oldValue) => {
-        if (value != oldValue){
-          isTitleOverflow = false; // force a reset
+      $watch('metadata.title', async (value, oldValue) => {
+        if (value == oldValue){
           return
         }
+        // First, reset overflow for proper recalculation
+        isTitleOverflow = false
+        await $nextTick()
+        // Now check for overflow
         isTitleOverflow = $refs.scrollTitle.offsetWidth < $refs.scrollTitle.scrollWidth
       })
       "
@@ -63,7 +66,7 @@
 
   </body>
   <script>
-    const get_metadata = async () => {
+    const getMetadata = async () => {
       return Object.fromEntries(
         await (await fetch("/status.json")).json()
       )
diff --git a/www/static/style.css b/www/static/style.css
index 4375f48..0b8d558 100644
--- a/www/static/style.css
+++ b/www/static/style.css
@@ -43,7 +43,7 @@ body {
         transform: translateX(0);
     }
     100% {
-        transform: translateX(-100%);
+        transform: translateX(-150%);
     }
 }