diff --git a/src/main/resources/templates/modules/roadwarweb/roadwarregisterdashboard.html b/src/main/resources/templates/modules/roadwarweb/roadwarregisterdashboard.html
index 80eb471..ddcf2ce 100644
--- a/src/main/resources/templates/modules/roadwarweb/roadwarregisterdashboard.html
+++ b/src/main/resources/templates/modules/roadwarweb/roadwarregisterdashboard.html
@@ -49,6 +49,12 @@
     color: #6c757d;
 }
 
+.total-roads-cards {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
 /* Total Roads Card */
 .total-roads-card {
     width: 160px;
@@ -97,8 +103,19 @@
 
     .total-roads-card {
         width: 100%;
-        height: 80px;
+        height: 90px;
     }
+    
+    .total-roads-label {
+    color: #ffffff;
+
+    font-size: 10px;
+    font-weight: 600;
+
+    letter-spacing: 1.5px;
+	padding:8px;
+    margin-bottom: 2px;
+}
 }
 
 .card-title1{
@@ -533,10 +550,20 @@
 	        <h1>Road War Register Dashboard</h1>
 	        <p>Comprehensive view of all road survey records across Chennai</p>
 	    </div>
+	    
+	    <div class="total-roads-cards">
 	
-	    <div class="total-roads-card">
-	        <div class="total-roads-label">TOTAL ROADS</div>
-	        <div class="total-roads-count" id="erpMasterRoads">36807</div>
+		    <div class="total-roads-card">
+		        <div class="total-roads-label">GIS TOTAL ROADS</div>
+		        <div class="total-roads-count" id="erpMasterRoads">36807</div>
+		    </div>
+		    
+		    <div class="total-roads-card">
+		        <!-- <div class="total-roads-label">RoadWar Register</div> -->
+		        <div class="total-roads-label">ROADWAR REGISTER</div>
+		        <div class="total-roads-count" id="roadwarRegRoads">0</div>
+		    </div>
+	    
 	    </div>
 
 	</div>
@@ -674,7 +701,7 @@
 	               
 	            </div> -->
 	            
-	            <div class="dashboard-card-title mt-3">   
+	            <div class="dashboard-card-title">   
 	                <span></span>
 	               Relaying Timeline
 	            </div>
@@ -1306,7 +1333,7 @@ function renderRoadTypeCounts(data) {
             : 0;
 
         container.append(`
-            <div class="dashboard-row">
+            <div class="dashboard-row mb-3">
 
                 <div class="dashboard-name">
                     ${item.road_type}
@@ -1383,7 +1410,7 @@ function renderRelayingTimeline(data) {
 
     container.append(`
 
-        <div class="timeline-row">
+        <div class="timeline-row mb-4 mt-4">
 
             <div class="timeline-info">
 
@@ -1407,7 +1434,7 @@ function renderRelayingTimeline(data) {
         </div>
 
 
-        <div class="timeline-row">
+        <div class="timeline-row mb-4 mt-4">
 
             <div class="timeline-info">
 
@@ -1431,7 +1458,7 @@ function renderRelayingTimeline(data) {
         </div>
 
 
-        <div class="timeline-row">
+        <div class="timeline-row mt-4">
 
             <div class="timeline-info">
 
@@ -1482,10 +1509,10 @@ function loadDashboard() {
 
             if (response.status) {
 
-                // Total Roads
-                /* $("#erpMasterRoads").text(
+                // Roadwar Register Roads
+                 $("#roadwarRegRoads").text(
                     Number(response.totalRoads).toLocaleString()
-                ); */
+                ); 
                             
                 // Zone-wise
                 renderZoneCounts(