diff --git a/docker/standalone.php b/docker/standalone.php
index e4367ffb7..ccde3cd28 100755
--- a/docker/standalone.php
+++ b/docker/standalone.php
@@ -46,6 +46,7 @@ function I(i) { return document.getElementById(i); }
         <li> Close apps that you don't need, as they can slow down your connection.</li>
         <li> Make sure no one else is using the internet while you're testing. Things like watching/ video streaming will slow down the connection.</li>
       </ul>`;
+    let tempObserver;
 
     function mbpsToAmount(s) {
       return 1 - 1 / Math.pow(1.3, Math.sqrt(s));
@@ -187,6 +188,8 @@ function updateJitterColor(value) {
     //UI CODE
     var uiData = null;
 
+
+
     function startStop() {
       flag = false;
       flag2 = false;
@@ -237,6 +240,7 @@ function startStop() {
                 I("resultsURL").value = shareURL;
                 I("testId").innerHTML = testId;
                 I("shareArea").style.display = "";
+
               }
             } catch (e) { }
           }
@@ -301,14 +305,10 @@ function initUI() {
       I("pingText").textContent = "";
       I("jitText").textContent = "";
     }
-
     function ToShowStatus() {
-
-
       I("statusMessage").classList.remove("Loader");
-
       message = "";
-
+      observeResults();
       if (uiData?.dlStatus < 1 && uiData?.ulStatus < 1) {
         message =
           "Upload and download speeds are below the recommended threshold";
@@ -317,7 +317,7 @@ function ToShowStatus() {
         message = "Your Download Speed is less than recommended threshold";
         flag2 = true;
       } else if (uiData?.ulStatus < 1) {
-        message = " Your Upload Speed is less than recommended threshold";
+        message = "Your Upload Speed is less than recommended threshold";
         flag2 = true;
       }
 
@@ -377,14 +377,31 @@ function ToShowStatus() {
       if (flag) I("statusMessage").classList.add("success");
 
       if (!flag) I("statusMessage").classList.add("alert-danger");
-    }
 
+    }
     function clearmessage() {
-
-
       I("statusMessage").innerHTML = "";
       I("statusMessage").classList.remove("alert-danger");
     }
+
+    function observeResults() {
+      const Section = document.getElementById("startStopBtn");
+      if (!Section) return;
+
+      let bodyElement = document.body;
+      tempObserver = new ResizeObserver(() => {
+
+        Section.scrollIntoView({ behavior: "smooth" });
+
+        tempObserver.disconnect();
+        tempObserver = null;
+      });
+      tempObserver.observe(bodyElement);
+
+    }
+
+
+
   </script>
 
   <style type="text/css">
@@ -392,34 +409,41 @@ function clearmessage() {
     body {
       height: 100%;
       margin: 0;
-    }
-
-    body {
+      overflow-y: auto;
       display: flex;
+      /* scroll-behavior: smooth;  */
       flex-direction: column;
     }
 
     .header {
       width: 100%;
-      height: 64px;
+      height: 42px;
       border: 1px solid;
       border-color: white;
       background-color: white;
-      padding: 15px 40px;
-
+      padding-top: 2px;
+      padding-bottom: 2px;
+      padding-left: 40px;
+      padding-right: 40px;
       position: relative;
+
     }
 
+
     * {
       box-sizing: border-box;
     }
 
     .success {
       color: green;
+      font-family: Roboto;
+      width: 90%;
+      text-align: center;
     }
 
     .Loader {
       color: #1d4ed8;
+      font-family: Roboto;
     }
 
     .logo-container {
@@ -438,15 +462,12 @@ function clearmessage() {
       background-color: #f9fafb;
       padding-left: 104px;
       padding-right: 104px;
-      padding-top: 16px;
-      padding-bottom: 2.5%;
+      padding-top: 14px;
       flex: 1;
-      overflow: auto;
       display: flex;
       flex-direction: column;
       flex-wrap: wrap;
-      -ms-overflow-style: none;
-      scrollbar-width: none;
+      overflow: visible;
     }
 
     .child-container {
@@ -456,12 +477,10 @@ function clearmessage() {
       display: flex;
       flex-direction: column;
       align-items: center;
-      scrollbar-width: none;
       width: 100%;
       border-radius: 8px;
-      padding-top: 44px;
+      padding-top: 16px;
       padding-bottom: 10px;
-      overflow: auto;
     }
 
     div.testGroup {
@@ -542,21 +561,21 @@ function clearmessage() {
     .test {
       display: flex;
       flex-direction: column;
-      gap: 20px;
+      gap: 5px;
       align-items: center;
-      padding: 43px 20px 0 20px;
+      padding: 11px 20px 0 20px;
       width: 100%;
     }
 
+
     div.testArea {
       display: flex;
       width: 100%;
       max-width: 250px;
-      padding: 24px 33px 24px 24px;
+      padding: 14px 33px 14px 24px;
       flex-direction: column;
       align-items: flex-start;
       gap: 12px;
-
       border-radius: 16px;
       border: 1px solid var(--Monochrome-Grey-7, #d1d5db);
       background: var(--Monochrome-White, #fff);
@@ -566,7 +585,7 @@ function clearmessage() {
       display: flex;
       width: 100%;
       max-width: 250px;
-      padding: 24px 33px 24px 24px;
+      padding: 14px 33px 14px 24px;
       flex-direction: column;
       align-items: flex-start;
       gap: 12px;
@@ -657,7 +676,7 @@ function clearmessage() {
       align-items: center;
       text-align: center;
       margin-bottom: 20px;
-      /* Add spacing below the container */
+
     }
 
     .recommended {
@@ -668,6 +687,10 @@ function clearmessage() {
       text-align: left;
     }
 
+    .instructions {
+      font-family: Roboto;
+    }
+
     .one-line {
       display: flex;
       gap: 5px;
@@ -675,15 +698,21 @@ function clearmessage() {
     }
 
     .alert-danger {
-      max-width: 100%;
+      max-width: 85%;
       padding: 10px;
       border-radius: 5px;
       background-color: #f8d7da;
       color: #721c24;
       text-align: center;
+      font-family: Roboto;
     }
 
+
     @media (max-width: 768px) {
+      body {
+        overflow-y: auto;
+      }
+
       .testGroup {
         flex-direction: row;
         gap: 12px;
@@ -693,6 +722,10 @@ function clearmessage() {
     @media (max-width: 750px) {
 
       .container .testArea,
+      body {
+        overflow-y: auto;
+      }
+
       .container .testArea2 {
         padding: 12px;
         border-radius: 8px;
@@ -704,11 +737,15 @@ function clearmessage() {
       }
 
       .container {
-        padding: 10px;
+        padding: 10px 10px 10px 10px;
       }
     }
 
     @media (max-height: 620px) {
+      body {
+        overflow-y: auto;
+      }
+
       .child-container {
         height: auto;
       }
@@ -798,7 +835,7 @@ function clearmessage() {
       </div>
 
       <div id="statusMessage"></div>
-      <div id="slow-speed-error-instruction"></div>
+      <div id="slow-speed-error-instruction" class="instructions"></div>
       <!-- <div id="shareArea"> -->
       <div id="shareArea" style="display: none">
         <h3>Share results</h3>
@@ -871,6 +908,7 @@ function clearmessage() {
     setTimeout(function () {
       initUI();
     }, 100);
+
   </script>
 </body>
 
diff --git a/index.html b/index.html
index 9d2c9cf46..60f865cec 100755
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
       let prevTestState = null;
       let flag2 = false;
       let flag = false;
+      let temp_observer;
       let slow_speed_instructions = ` 
       <ul> 
         <strong>Improving Your Internet Connection Speed </strong>
@@ -29,7 +30,6 @@
       function I(i) {
         return document.getElementById(i);
       }
-
       //INITIALIZE SPEEDTEST
       var s = new Speedtest(); //create speedtest object
       s.setParameter("telemetry_level", "basic"); //enable telemetry
@@ -300,6 +300,7 @@
         I("statusMessage").classList.remove("Loader");
 
         message = "";
+        observeResults();
 
         if (uiData?.dlStatus < 1 && uiData?.ulStatus < 1) {
           message =
@@ -309,7 +310,7 @@
           message = "Your Download Speed is less than recommended threshold";
           flag2 = true;
         } else if (uiData?.ulStatus < 1) {
-          message = " Your Upload Speed is less than recommended threshold";
+          message = "Your Upload Speed is less than recommended threshold";
           flag2 = true;
         }
 
@@ -361,7 +362,8 @@
             message +=
               " Please check your connection settings and try again. For help, visit : <a href= https://talview.freshdesk.com/support/solutions/articles/11000129970-steps-to-perform-a-network-test target='_blank'>Talview Support</a> ";
           }
-          document.querySelector("#slow-speed-error-instruction").innerHTML = slow_speed_instructions;
+          document.querySelector("#slow-speed-error-instruction").innerHTML =
+            slow_speed_instructions;
         }
 
         I("statusMessage").innerHTML = message;
@@ -375,6 +377,20 @@
         I("statusMessage").innerHTML = "";
         I("statusMessage").classList.remove("alert-danger");
       }
+
+      function observeResults() {
+        const Section = document.getElementById("startStopBtn");
+        if (!Section) return;
+
+        let bodyElement = document.body;
+        tempObserver = new ResizeObserver(() => {
+          Section.scrollIntoView({ behavior: "smooth" });
+
+          tempObserver.disconnect();
+          tempObserver = null;
+        });
+        tempObserver.observe(bodyElement);
+      }
     </script>
 
     <style type="text/css">
@@ -382,22 +398,24 @@
       body {
         height: 100%;
         margin: 0;
-      }
-
-      body {
+        overflow-y: auto;
         display: flex;
+        /* scroll-behavior: smooth; */
         flex-direction: column;
       }
 
       .header {
         width: 100%;
-        height: 64px;
+        height: 42px;
         border: 1px solid;
         border-color: white;
         background-color: white;
-        padding: 15px 40px;
-
+        padding-top: 2px;
+        padding-bottom: 2px;
+        padding-left: 40px;
+        padding-right: 40px;
         position: relative;
+        z-index: 10;
       }
 
       * {
@@ -406,10 +424,14 @@
 
       .success {
         color: green;
+        font-family: Roboto;
+        width: 90%;
+        text-align: center;
       }
 
       .Loader {
         color: #1d4ed8;
+        font-family: Roboto;
       }
 
       .logo-container {
@@ -428,15 +450,12 @@
         background-color: #f9fafb;
         padding-left: 104px;
         padding-right: 104px;
-        padding-top: 16px;
-        padding-bottom: 2.5%;
+        padding-top: 14px;
         flex: 1;
-        overflow: auto;
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
-        -ms-overflow-style: none;
-        scrollbar-width: none;
+        overflow: visible;
       }
 
       .child-container {
@@ -446,12 +465,10 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        scrollbar-width: none;
         width: 100%;
         border-radius: 8px;
-        padding-top: 44px;
+        padding-top: 16px;
         padding-bottom: 10px;
-        overflow: auto;
       }
 
       div.testGroup {
@@ -532,9 +549,9 @@
       .test {
         display: flex;
         flex-direction: column;
-        gap: 20px;
+        gap: 5px;
         align-items: center;
-        padding: 43px 20px 0 20px;
+        padding: 11px 20px 0 20px;
         width: 100%;
       }
 
@@ -542,7 +559,7 @@
         display: flex;
         width: 100%;
         max-width: 250px;
-        padding: 24px 33px 24px 24px;
+        padding: 14px 33px 14px 24px;
         flex-direction: column;
         align-items: flex-start;
         gap: 12px;
@@ -556,7 +573,7 @@
         display: flex;
         width: 100%;
         max-width: 250px;
-        padding: 24px 33px 24px 24px;
+        padding: 14px 33px 14px 24px;
         flex-direction: column;
         align-items: flex-start;
         gap: 12px;
@@ -646,7 +663,7 @@
         flex-direction: column;
         align-items: center;
         text-align: center;
-        margin-bottom: 20px; /* Add spacing below the container */
+        margin-bottom: 20px;
       }
 
       .recommended {
@@ -656,6 +673,9 @@
         line-height: 18.75px;
         text-align: left;
       }
+      .instructions {
+        font-family: Roboto;
+      }
 
       .one-line {
         display: flex;
@@ -663,15 +683,19 @@
         align-items: baseline;
       }
       .alert-danger {
-        max-width: 100%;
+        max-width: 85%;
         padding: 10px;
         border-radius: 5px;
         background-color: #f8d7da;
         color: #721c24;
         text-align: center;
+        font-family: Roboto;
       }
 
       @media (max-width: 768px) {
+        body {
+          overflow-y: auto;
+        }
         .testGroup {
           flex-direction: row;
           gap: 12px;
@@ -679,6 +703,9 @@
       }
 
       @media (max-width: 750px) {
+        body {
+          overflow-y: auto;
+        }
         .container .testArea,
         .container .testArea2 {
           padding: 12px;
@@ -691,11 +718,14 @@
         }
 
         .container {
-          padding: 10px;
+          padding: 10px 10px 10px 10px;
         }
       }
 
       @media (max-height: 620px) {
+        body {
+          overflow-y: auto;
+        }
         .child-container {
           height: auto;
         }
@@ -785,7 +815,7 @@
         </div>
 
         <div id="statusMessage"></div>
-        <div id="slow-speed-error-instruction"></div>
+        <div id="slow-speed-error-instruction" class="instructions"></div>
         <!-- <div id="shareArea"> -->
         <div id="shareArea" style="display: none">
           <h3>Share results</h3>