diff --git a/baseTemplate/static/baseTemplate/custom-js/system-status.js b/baseTemplate/static/baseTemplate/custom-js/system-status.js
index e3ef62545..43cffacf4 100644
--- a/baseTemplate/static/baseTemplate/custom-js/system-status.js
+++ b/baseTemplate/static/baseTemplate/custom-js/system-status.js
@@ -868,7 +868,7 @@ app.controller('OnboardingCP', function ($scope, $http, $timeout, $window) {
 
 });
 
-app.controller('dashboardStatsController', function ($scope, $http) {
+app.controller('dashboardStatsController', function ($scope, $http, $timeout) {
     // Card values
     $scope.totalSites = 0;
     $scope.totalWPSites = 0;
diff --git a/baseTemplate/templates/baseTemplate/homePage.html b/baseTemplate/templates/baseTemplate/homePage.html
index 4b4fe449a..12a73f6a5 100755
--- a/baseTemplate/templates/baseTemplate/homePage.html
+++ b/baseTemplate/templates/baseTemplate/homePage.html
@@ -310,7 +310,7 @@
                         <div style="background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px 40px; flex: 1 1 0; min-width: 0; text-align: center; border: 1px solid #e9ecef;">
                             <div style="font-size: 1rem; color: #e53935; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px;">{% trans "CPU Usage" %}</div>
                             <div style="display: flex; justify-content: center;">
-                                <div id="redcircle" class="c100 red p{$ cpuUsage $}">
+                                <div id="redcircle" ng-class="'c100 p' + cpuUsage + ' red'">
                                     <span style="font-weight: 700; font-size: 1.2rem; color: #333;">{$ cpuUsage $}%</span>
                                                     <div class="slice">
                                                         <div class="bar"></div>
@@ -323,7 +323,7 @@
                         <div style="background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px 40px; flex: 1 1 0; min-width: 0; text-align: center; border: 1px solid #e9ecef;">
                             <div style="font-size: 1rem; color: #43a047; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px;">{% trans "Ram Usage" %}</div>
                             <div style="display: flex; justify-content: center;">
-                                <div id="greencircle" class="c100 p{$ ramUsage $} green">
+                                <div id="greencircle" ng-class="'c100 p' + ramUsage + ' green'">
                                     <span style="font-weight: 700; font-size: 1.2rem; color: #333;">{$ ramUsage $}%</span>
                                                     <div class="slice">
                                                         <div class="bar"></div>
@@ -336,7 +336,7 @@
                         <div style="background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); padding: 30px 40px; flex: 1 1 0; min-width: 0; text-align: center; border: 1px solid #e9ecef;">
                             <div style="font-size: 1rem; color: #d81b60; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px;">{% trans "Disk Usage '/'" %}</div>
                             <div style="display: flex; justify-content: center;">
-                                <div id="pinkcircle" class="c100 pink p{$ diskUsage $}">
+                                <div id="pinkcircle" ng-class="'c100 p' + diskUsage + ' pink'">
                                     <span style="font-weight: 700; font-size: 1.2rem; color: #333;">{$ diskUsage $}%</span>
                                                     <div class="slice">
                                                         <div class="bar"></div>
@@ -920,11 +920,6 @@
 
         <!-- Chart.js (unchanged) -->
         <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-        <!-- FontAwesome for icons (unchanged) -->
-        <link
-            rel="stylesheet"
-            href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
-        />
 
         <script>
             // Handle tab switching – PRESERVED EXACTLY AS-IS