diff --git a/src/pages/Activities/TaskPlannng.jsx b/src/pages/Activities/TaskPlannng.jsx
index d24b6a30..6e5c4987 100644
--- a/src/pages/Activities/TaskPlannng.jsx
+++ b/src/pages/Activities/TaskPlannng.jsx
@@ -39,7 +39,7 @@ const TaskPlannng = () => {
       <div className="card">
         <div className="card-body">
           {/* Service Dropdown */}
-          <div className="mb-3 ms-2">
+          <div className="mb-1 ms-2">
             {assignedServices?.length > 1 ? (
               <select
                 id="serviceSelect"
@@ -56,19 +56,10 @@ const TaskPlannng = () => {
               </select>
             ) : (
               <div
-                style={{
-                  fontSize: "0.875rem",
-                  height: "35px",
-                  width: "190px",
-                  border: "1px solid #ced4da",
-                  borderRadius: "0.25rem",
-                  padding: "4px 8px",
-                  display: "flex",
-                  alignItems: "center",
-                }}
+                className="text-start"
               >
                 {assignedServices?.length === 1
-                  ? assignedServices[0].name
+                  ? <h5>{ assignedServices[0].name}</h5>
                   : "No service available"}
               </div>
             )}