diff --git a/plugin/YPTSocket/footer.php b/plugin/YPTSocket/footer.php
index fd0b20299d..6523e2bb54 100644
--- a/plugin/YPTSocket/footer.php
+++ b/plugin/YPTSocket/footer.php
@@ -27,7 +27,6 @@ if (!empty($obj->debugAllUsersSocket) || (User::isAdmin() && !empty($obj->debugS
 ?>
     <style>
         #socket_info_container>div {
-            text-shadow: 0 0 2px #FFF;
             padding: 5px;
             font-size: 11px;
         }
@@ -81,18 +80,10 @@ if (!empty($obj->debugAllUsersSocket) || (User::isAdmin() && !empty($obj->debugS
             color: #00000077;
         }
 
-        #socket_info_container .socketItem span {
-            opacity: 0.5;
-        }
-
         #socket_info_container.socketMinimized .socketItem {
             display: none;
         }
 
-        #socket_info_container .socketItem {
-            background-color: rgba(255, 255, 255, 0.8);
-        }
-
         .socketTitle,
         .socketTitle span {
             text-align: center;
@@ -155,7 +146,7 @@ if (!empty($obj->debugAllUsersSocket) || (User::isAdmin() && !empty($obj->debugS
             display: inline-block;
         }
     </style>
-    <div id="socket_info_container" class="socket_info <?php echo $socket_info_container_class; ?> <?php echo getCSSAnimationClassAndStyle('animate__bounceIn', 'socket_info'); ?>" style="display: none;">
+    <div id="socket_info_container" class="socket_info blur-background <?php echo $socket_info_container_class; ?> <?php echo getCSSAnimationClassAndStyle('animate__bounceIn', 'socket_info'); ?>" style="display: none;">
         <div class="socketHeader ">
             <?php
             echo getSocketConnectionLabel();
diff --git a/view/css/custom/cyborg.css b/view/css/custom/cyborg.css
index deb546841e..2d7d7b375a 100644
--- a/view/css/custom/cyborg.css
+++ b/view/css/custom/cyborg.css
@@ -38,11 +38,7 @@ th:hover, .select2-dropdown{
 .swal-modal{
     background-color: #2e3338;
 }
-#socket_info_container .socketItem, #socket_info_container{
-    background-color: rgba(0,0,0,0.5) !important;
-}
 #socket_info_container div {
-    text-shadow: 0 0 2px #000 !important;
     color: #AAA !important;
 }
 .swal-icon, .swal-icon:before, .swal-icon:after, .swal-icon--success__hide-corners{
diff --git a/view/css/custom/netflix.css b/view/css/custom/netflix.css
index 03dadad5f2..768da9ae07 100644
--- a/view/css/custom/netflix.css
+++ b/view/css/custom/netflix.css
@@ -36,11 +36,7 @@ th:hover, .select2-dropdown{
 .swal-modal{
     background-color: #2e3338;
 }
-#socket_info_container .socketItem, #socket_info_container{
-    background-color: rgba(0,0,0,0.5) !important;
-}
 #socket_info_container div {
-    text-shadow: 0 0 2px #000 !important;
     color: #AAA !important;
 }
 .swal-icon, .swal-icon:before, .swal-icon:after, .swal-icon--success__hide-corners{
diff --git a/view/css/main.css b/view/css/main.css
index 10e92f827a..c028f2edfe 100644
--- a/view/css/main.css
+++ b/view/css/main.css
@@ -1175,7 +1175,6 @@ li.dropdown-submenu>ul>li>a {
 
 .socket_connected {
     color: #FFF;
-    animation: socketGlow 1s infinite alternate;
 }
 
 .socket_connected_icon {
diff --git a/view/js/script.js b/view/js/script.js
index ecfa8025b5..decffe8fa0 100644
--- a/view/js/script.js
+++ b/view/js/script.js
@@ -2913,6 +2913,8 @@ function getPleaseWait() {
     })();
 }
 
+var TotalPageLoadSeconds = 0;
+
 $(document).ready(function () {
     getServerTime();
     checkDescriptionArea();
@@ -2996,6 +2998,10 @@ $(document).ready(function () {
         var innerDiv = $(this).find("div.hidden");
         avideoAlertInfo(innerDiv.html());
     });
+    
+    setInterval(function () {
+        TotalPageLoadSeconds++;
+    }, 1000);
 });
 
 /*!
@@ -4421,3 +4427,8 @@ function actionButtonPlaylistClick(t, videos_id) {
     $(t).webuiPopover();
     callFunctionOrLoadScript('loadPlayLists', webSiteRootURL + 'plugin/PlayLists/script.js', videos_id);
 }
+
+// Function to get total seconds anytime
+function getTotalPageLoadSeconds() {
+    return TotalPageLoadSeconds;
+}
\ No newline at end of file