diff --git a/app/client/src/components/fuel/FuelRefillList.svelte b/app/client/src/components/fuel/FuelRefillList.svelte
index eb2c2070..2be98d52 100644
--- a/app/client/src/components/fuel/FuelRefillList.svelte
+++ b/app/client/src/components/fuel/FuelRefillList.svelte
@@ -50,7 +50,7 @@
   }
 </script>
 
-<div class="container mx-auto p-4">
+<div class="container mx-auto p-4 text-gray-600 dark:text-gray-300">
   <h2 class="text-2xl font-bold mb-4">Fuel Refill History</h2>
 
   {#if loading}
diff --git a/app/client/src/components/insurance/InsuranceDetails.svelte b/app/client/src/components/insurance/InsuranceDetails.svelte
index 6d3a7509..a40b6ff4 100644
--- a/app/client/src/components/insurance/InsuranceDetails.svelte
+++ b/app/client/src/components/insurance/InsuranceDetails.svelte
@@ -99,7 +99,7 @@
 	});
 </script>
 
-<div class="mt-8">
+<div class="mt-8 text-gray-600 dark:text-gray-300">
 	<h3 class="mb-4 text-lg font-semibold text-gray-900 dark:text-gray-100">Insurance Details</h3>
 	{#if loading}
 		<div class="text-gray-500 dark:text-gray-400">Loading insurance details...</div>
diff --git a/app/client/src/components/pucc/PollutionCertificateDetails.svelte b/app/client/src/components/pucc/PollutionCertificateDetails.svelte
index 571d9d83..5df53d7a 100644
--- a/app/client/src/components/pucc/PollutionCertificateDetails.svelte
+++ b/app/client/src/components/pucc/PollutionCertificateDetails.svelte
@@ -99,7 +99,7 @@
 	});
 </script>
 
-<div class="mt-8">
+<div class="mt-8 text-gray-600 dark:text-gray-300">
 	<h3 class="mb-4 text-lg font-semibold text-gray-900 dark:text-gray-100">
 		Pollution Certificate Details
 	</h3>