diff --git a/index.js b/index.js
index d09d122..390a466 100644
--- a/index.js
+++ b/index.js
@@ -59,6 +59,7 @@ app.get("/search", async (req, res) => {
                     <div class="col-md-4 col-lg-6 thumbparent">
                         <a class="videoLink" href="/watch?q=${result.id}">
                             <img class="thumbnail" src="${result.thumbnail}; /Images/UnknownVideo.jpg">
+                            <p style="display: block; text-align: left;">${result.durationString}</p>
                         </a>
                     </div>
                     <div class="col-md-8 col-lg-6">
@@ -67,7 +68,8 @@ app.get("/search", async (req, res) => {
                             <p class="resultDescription">${result.description.substring(0, 75) + "..." || "No Description"}</p>
                         </a>
                     </div>
-                    <div style="display: block; width: 100%; ">
+                    
+                    <div style="display: inline-block; width: 100%; ">
                         <a style="color: white; margin: 10px; display: inline-block;" href="${result.channel.link}">
                         <img src="${result.channel.thumbnail}; /Images/UnknownPFP.jpg" class="minipfp">
                         ${result.channel.name}
@@ -142,7 +144,7 @@ app.get("/video", async (req, res) => {
             var dp = 0
             ytdl(id, { filter: 'videoandaudio', quality: "highest", format: 'mp4' })
                 .on("progress", (chunk, ct, et) => {
-                    if (debounce && ct > Math.min(et, 5000000)) {
+                    if (debounce && (ct / et) > 0.05) {
                         debounce = false
                         videoCache[id] = {
                             "path": vidpath,
diff --git a/resources/player.html b/resources/player.html
index 1a1153b..76e00d3 100644
--- a/resources/player.html
+++ b/resources/player.html
@@ -15,10 +15,10 @@
 
 <body>
     <div id="titleBar" class="row container-fluid">
-        <div class="col-sm-5">
+        <div class="col-6">
             <h1><a href="/">Simpletube</a></h1>
         </div>
-        <div class="col-sm-7">
+        <div class="col-6">
             <form action="/search">
                 <input type="text" placeholder="Search" name="q">
             </form>
diff --git a/resources/searchPage.html b/resources/searchPage.html
index ddff999..31f6f66 100644
--- a/resources/searchPage.html
+++ b/resources/searchPage.html
@@ -14,10 +14,10 @@
 
 <body>
     <div id="titleBar" class="row container-fluid">
-        <div class="col-5">
+        <div class="col-6">
             <h1><a href="/">Simpletube</a></h1>
         </div>
-        <div class="col-7">
+        <div class="col-6">
             <form action="/search">
                 <input type="text" placeholder="Search" name="q" value="{SEARCH}">
             </form>
diff --git a/static/index.html b/static/index.html
index 67f7a20..af1c07c 100644
--- a/static/index.html
+++ b/static/index.html
@@ -14,10 +14,10 @@
 
 <body>
     <div id="titleBar" class="row container-fluid">
-        <div class="col-sm-5">
+        <div class="col-6">
             <h1><a href="/">Simpletube</a></h1>
         </div>
-        <div class="col-sm-7">
+        <div class="col-6">
             <form action="/search">
                 <input type="text" placeholder="Search" name="q">
             </form>
@@ -33,7 +33,7 @@
         <h2>More about the project: <br></h2>
         <p>
             <a href="https://github.com/Violets-puragtory/SimpleTube">Github</a>
-            <a href="violets-purgatory.dev">The developer</a>
+            <a href="https://violets-purgatory.dev">The developer</a>
         </p>
 
     </main>
diff --git a/static/mainStyle.css b/static/mainStyle.css
index 9d8e834..13e838e 100644
--- a/static/mainStyle.css
+++ b/static/mainStyle.css
@@ -121,7 +121,7 @@ p {
     margin: auto;
     text-align: left;
     height: 100%;
-    
+    overflow: hidden;
 }
 
 @media (max-width: 768px) {
