diff --git a/src/components/Project/ProjectInfra.jsx b/src/components/Project/ProjectInfra.jsx
index 38821a6a..86195381 100644
--- a/src/components/Project/ProjectInfra.jsx
+++ b/src/components/Project/ProjectInfra.jsx
@@ -89,24 +89,43 @@ const ProjectInfra = ({ data, onDataChange, eachSiteEngineer }) => {
                   className="dataTables_length text-start py-2 px-6 col-md-4 col-12"
                   id="DataTables_Table_0_length"
                 >
-                  <label>
-                    <select
-                      name="DataTables_Table_0_length"
-                      aria-controls="DataTables_Table_0"
-                      className="form-select form-select-sm"
-                      aria-label="Select Service"
-                      value={selectedService}
-                      onChange={handleServiceChange}
+                  {servicesLoading ? (
+                    <span>Loading...</span>
+                  ) : assignedServices?.length > 1 ? (
+                    <label>
+                      <select
+                        name="DataTables_Table_0_length"
+                        aria-controls="DataTables_Table_0"
+                        className="form-select form-select-sm"
+                        aria-label="Select Service"
+                        value={selectedService}
+                        onChange={handleServiceChange}
+                      >
+                        {assignedServices.map((service) => (
+                          <option key={service.id} value={service.id}>
+                            {service.name}
+                          </option>
+                        ))}
+                      </select>
+                    </label>
+                  ) : (
+                    <div
+                      style={{
+                        fontSize: "0.875rem",
+                        height: "32px",
+                        width: "190px",
+                        border: "1px solid #ced4da",
+                        borderRadius: "0.25rem",
+                        padding: "4px 8px",
+                        display: "flex",
+                        alignItems: "center",
+                      }}
                     >
-                   
-                      {servicesLoading && <option>Loading...</option>}
-                      {assignedServices?.map((service) => (
-                        <option key={service.id} value={service.id}>
-                          {service.name}
-                        </option>
-                      ))}
-                    </select>
-                  </label>
+                      {assignedServices?.length === 1
+                        ? assignedServices[0].name
+                        : "No service available"}
+                    </div>
+                  )}
                 </div>
                 {/* Buttons Section (aligned to right) */}
                 <div className="col-md-8 col-12 text-end mb-1">