diff --git a/lib/view/service_project/service_project_details_screen.dart b/lib/view/service_project/service_project_details_screen.dart
index af65818..52dfbd6 100644
--- a/lib/view/service_project/service_project_details_screen.dart
+++ b/lib/view/service_project/service_project_details_screen.dart
@@ -15,6 +15,7 @@ import 'package:on_field_work/view/service_project/jobs_tab.dart';
 import 'package:on_field_work/helpers/widgets/my_refresh_indicator.dart';
 import 'package:on_field_work/helpers/widgets/pill_tab_bar.dart';
 import 'package:on_field_work/view/employees/employee_profile_screen.dart';
+import 'package:on_field_work/helpers/widgets/my_custom_skeleton.dart';
 
 class ServiceProjectDetailsScreen extends StatefulWidget {
   final String projectId;
@@ -333,7 +334,8 @@ class _ServiceProjectDetailsScreenState
   Widget _buildTeamsTab() {
     return Obx(() {
       if (controller.isTeamLoading.value) {
-        return const Center(child: CircularProgressIndicator());
+        return Center(
+            child: SkeletonLoaders.serviceProjectListSkeletonLoader());
       }
 
       if (controller.teamErrorMessage.value.isNotEmpty &&
@@ -484,7 +486,9 @@ class _ServiceProjectDetailsScreenState
                   child: Obx(() {
                     if (controller.isLoading.value &&
                         controller.projectDetail.value == null) {
-                      return const Center(child: CircularProgressIndicator());
+                      return Center(
+                          child: SkeletonLoaders
+                              .serviceProjectListSkeletonLoader());
                     }
                     if (controller.errorMessage.value.isNotEmpty &&
                         controller.projectDetail.value == null) {