diff --git a/lib/model/employees/multiple_select_role_bottomsheet.dart b/lib/model/employees/multiple_select_role_bottomsheet.dart
index 1ffd1e0..f7e5dff 100644
--- a/lib/model/employees/multiple_select_role_bottomsheet.dart
+++ b/lib/model/employees/multiple_select_role_bottomsheet.dart
@@ -59,9 +59,8 @@ class _MultipleSelectRoleBottomSheetState
       List<EmployeeModel> employees = controller.employees.toList();
 
       if (widget.roleId != null && widget.roleId!.isNotEmpty) {
-        employees = employees
-            .where((emp) => emp.jobRoleID == widget.roleId)
-            .toList();
+        employees =
+            employees.where((emp) => emp.jobRoleID == widget.roleId).toList();
       }
 
       // Selected first
@@ -226,6 +225,16 @@ class _MultipleSelectRoleBottomSheetState
                       trailing: Checkbox(
                         value: isSelected,
                         onChanged: (_) => _onTap(emp),
+                        fillColor:
+                            MaterialStateProperty.resolveWith<Color>((states) {
+                          if (states.contains(MaterialState.selected)) {
+                            return Colors.blueAccent; // Selected color
+                          }
+                          return Colors.white; // Unselected square color
+                        }),
+                        checkColor: Colors.white, // Check mark color
+                        side: const BorderSide(
+                            color: Colors.grey), // Outline for unselected
                       ),
                       contentPadding: const EdgeInsets.symmetric(
                         horizontal: 4,