Changes Completed in Overview

components/dashboard/overview/engagement.tsx

@@ -18,16 +18,16 @@ import { CardHeader } from "@/components/common/cardHeader";
 
 export default function EngagementPage() {
   return (
-    <div className=" text-[#93a3b8] font-sans  ">
+    <div className="my-15  font-sans antiliased ">
+    
     
-      <main className="mt-20">
         
         {/* Page Header Section */}
         <div className="flex flex-col md:flex-row md:items-center 
         justify-between gap-4 mt-4">
           <div>
             <div className="flex items-center gap-2 text-xs
-             font-bold uppercase tracking-widest text-teal-500">
+             font-bold uppercase tracking-widest text-teal-500 font-mono">
               <span>Apple One — HQ Tower</span>
               <span className="text-gray-600">·</span>
               <span className="text-gray-400">Intelligence</span>
@@ -35,7 +35,7 @@ export default function EngagementPage() {
               <span className="text-gray-400">Engagement</span>
             </div>
             <h1 className="text-2xl font-bold text-white tracking-tight mt-1">Employee engagement</h1>
-            <p className="mt-2 text-sm text-gray-400 max-w-2xl leading-relaxed">
+            <p className="text-sm font-medium text-slate-400 mt-2 max-w-xl leading-relaxed">
               Pulse satisfaction surveys, complaint tickets and a suggestion system — boosting morale, transparency and retention.
             </p>
           </div>
@@ -151,7 +151,7 @@ export default function EngagementPage() {
 
         </div>
 
-      </main>
+      
 
       <div className="mb-10 mt-10">
         <InfoBanner