diff --git a/api.js b/api.js
index 49abf2c..8605a92 100644
--- a/api.js
+++ b/api.js
@@ -10,8 +10,7 @@ const constants = JSON.parse(fs.readFileSync(path.join(__dirname, "constants.jso
 var lastPong = 0
 
 module.exports = {
-    "lanyard": undefined,
-    "socials": undefined,
+    "lanyard": constants.fallbackLanyard,
     "connected": false,
     "lastLanyardUpdate": Date.now(),
 
diff --git a/overcomplicatedStatuses.js b/overcomplicatedStatuses.js
index d635e60..d9601b6 100644
--- a/overcomplicatedStatuses.js
+++ b/overcomplicatedStatuses.js
@@ -71,28 +71,20 @@ module.exports = {
                         if (activity.timestamps.start) {
                             if (activity.timestamps.end) {
                                 var timeLeft = Math.round((activity.timestamps.end - Date.now()) / 1000)
-                                var totalTime = Math.round((activity.timestamps.end - activity.timestamps.start) / 1000)
+                                var currentPercent = (Date.now() - activity.timestamps.start) / (activity.timestamps.end - activity.timestamps.start) * 100
                                 return `
-                                <div class="durationBarStuff">
-                                    <p style="padding-right: 4px;" class="playTimeStart scriptEnabled" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((Date.now() - activity.timestamps.start))}</p>
-                                    <div class="lengthBar lengthBar${index}">
-                                        <div></div>
-                                    </div>
-                                     <p style="padding-left: 4px;" class="playTimeEnd" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}">${timeFormatter((activity.timestamps.end - activity.timestamps.start))}</p>
-                                </div>
+                                <br>
+                                <span><span class="lengthBar lengthBar${index}"><span></span></span><span class="durationBarFormatter" data-start="${activity.timestamps.start}" data-end="${activity.timestamps.end}"><span class="scriptEnabled">${timeFormatter((Date.now() - activity.timestamps.start))}/</span>${timeFormatter((activity.timestamps.end - activity.timestamps.start))}</span></span>
                                     <style>
-                                        .lengthBar${index} > div {
+                                        .lengthBar${index} > span {
                                             animation-name: songSlider${index};
-                                            animation-duration: ${totalTime}s;
-                                            animation-delay: ${timeLeft - totalTime}s;
+                                            animation-duration: ${timeLeft}s;
                                             animation-timing-function: linear;
-                                            animation-iteration-count: infinite;
-
                                         }
 
                                         @keyframes songSlider${index} {
                                             0% {
-                                                width: 0%;
+                                                width: ${currentPercent}%;
                                             }
                                             100% {
                                                 width: 100%;
@@ -102,12 +94,12 @@ module.exports = {
                                 `
                             } else {
                                 return `
-                                <p class="timeEstimate" data-start="${activity.timestamps.start}">${gameTimeFormatter((Date.now() - activity.timestamps.start))}</p>
+                                <span class="timeEstimate" data-start="${activity.timestamps.start}">${gameTimeFormatter((Date.now() - activity.timestamps.start))}</span>
                                 `
                             }
                         } else if (activity.timestamps.end) {
                             return `
-                            <p><span class="endEstimate" data-end="${activity.timestamps.end}">${timeFormatter((activity.timestamps.end - Date.now()))}</span> left</p>
+                            <span class="endEstimate" data-end="${activity.timestamps.end}">${timeFormatter((activity.timestamps.end - Date.now()))}</span> left
                             `
                         }
                     }
@@ -123,7 +115,7 @@ module.exports = {
                         activity.assets = { "large_text": "", "small_text": "" }
                     }
 
-                    var text1 = onlyIfExists("<span style='font-size: 1.3rem;'>" + makeCompat(activity.song) + "</span>", activity.song) || activity.details
+                    var text1 = onlyIfExists("<br><span style='font-size: 1.3rem;'>" + makeCompat(activity.song) + "</span>", activity.song) || activity.details
                     var text2 = onlyIfExists("By: " + activity.artist, activity.artist) || activity.state
                     var text3 = onlyIfExists("On: " + activity.album, activity.album != activity.song && activity.album)
 
@@ -131,13 +123,13 @@ module.exports = {
                         <div class="chip activity grid-child">
                             <img src="${get_img(activity)}" title="${activity.assets.large_text || activity.assets.small_text}">
                             ${onlyIfExists(`<img class="smallimg" src="${get_img(activity, "small_image")}" title="${activity.assets.small_text}">`, activity.assets.small_image)}
-                            <div>
-                                <p style="font-size: 1.6rem;">${activity.name}</p>
-                                ${onlyIfExists("<p>" + text1 + "</p>", text1)}
-                                ${onlyIfExists("<p>" + makeCompat(text2) + "</p>", text2)}
-                                ${onlyIfExists("<p>" + makeCompat(text3) + "</p>", text3)}
-                                ${onlyIfExists(activityTime(), activityTime())}
-                            </div>
+                            <p style="text-align: left; font-size: 1.15rem;">
+                                <span style="font-size: 1.6rem;">${activity.name}</span>
+                                ${onlyIfExists("<br>" + text1, text1)}
+                                ${onlyIfExists("<br>" + makeCompat(text2), text2)}
+                                ${onlyIfExists("<br>" + makeCompat(text3), text3)}
+                                ${onlyIfExists("<br>" + activityTime(), activityTime())}
+                            </p>
                         </div>
                     `
                 }
diff --git a/static/js/timeFormatter.js b/static/js/timeFormatter.js
index ebbd793..024d509 100644
--- a/static/js/timeFormatter.js
+++ b/static/js/timeFormatter.js
@@ -30,16 +30,6 @@ function secondLoop() {
         item.text(`${timeFormatter((Math.min(Date.now(), item.attr("data-end")) - item.attr("data-start")))}/${timeFormatter((item.attr("data-end") - item.attr("data-start")))}`)
     })
 
-    $(".playTimeStart").each((_, item) => {
-        item = $(item)
-        item.text(`${timeFormatter((Math.min(Date.now(), item.attr("data-end")) - item.attr("data-start")))}`)
-    })
-
-    $(".playTimeEnd").each((_, item) => {
-        item = $(item)
-        item.text(`${timeFormatter((item.attr("data-end") - item.attr("data-start")))}`)
-    })
-
     $(".timeEstimate").each((_, item) => {
         item = $(item)
         item.text(gameTimeFormatter(Date.now() - item.attr("data-start")))
diff --git a/static/noScript.css b/static/noScript.css
index 6dfe26f..5cea8ad 100644
--- a/static/noScript.css
+++ b/static/noScript.css
@@ -16,6 +16,6 @@
     width: calc(100% - 65px);
 }
 
-.durationBarStuff {
-    padding-left: 6px;
+.durationBarFormatter {
+    width: 55px;
 }
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index cb245d6..fed12d4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -214,23 +214,16 @@ br {
     /* max-height: 200px; */
 }
 
-.activity>div>p {
+.activity>p {
+    width: 100%;
     max-height: 100%;
-    text-align: left;
     overflow-wrap: anywhere;
     text-overflow: ellipsis;
-    padding: 1px 0px;
+    padding: 3px;
     line-height: 1.5rem;
-    font-size: 1.15rem;
     align-self: center;
 }
 
-.activity>div {
-    align-self: center;
-    padding: 1px 3px;
-    width: 100%;
-}
-
 .activity>img {
     width: 40%;
     aspect-ratio: 1/1;
@@ -279,14 +272,15 @@ li {
 
 .lengthBar {
     background-color: rgb(50, 40, 60);
-    flex-grow: 1;
+    display: block;
+    width: calc(100% - 110px);
     margin: auto;
     height: 12px;
-    /* justify-content: center; */
-    /* align-items: center; */
     padding: 0;
     overflow: hidden;
-    border-radius: 6px;
+    float: left;
+    transform: translateY(7px);
+    border-radius: 5px;
 }
 
 .textBlock {
@@ -303,7 +297,7 @@ span {
     color: inherit
 }
 
-.lengthBar>div {
+.lengthBar>span {
     margin: 0;
     padding: 0;
     width: 100%;
@@ -355,12 +349,10 @@ underline {
     text-decoration: underline;
 }
 
-.durationBarStuff {
-    display: flex;
-    flex-grow: 1;
+.durationBarFormatter {
+    float: right;
 }
 
-.durationBarStuff > p {
-    font-size: 1.15rem;
-    padding: 0;
+.evil {
+    display: none;
 }
\ No newline at end of file