Changes Completed in Overview

components/dashboard/operations/helpDesk.tsx

@@ -6,9 +6,6 @@ import {
   Clock, 
   Search, 
   QrCode,
-  Power,
-  List,
-  Pencil,
   Plus, 
 } from 'lucide-react';
 import Button from "@/components/common/button";
@@ -28,16 +25,16 @@ export default function HelpDeskPortal() {
   const [activeTab, setActiveTab] = useState<string>('Location');
 
   return (
-    <div className="my-15 px-4 text-slate-100 font-sans">
+    <div className="my-15  text-slate-100 font-sans">
       {/* --- HEADER SECTION --- */}
       <div className="flex flex-col md:flex-row md:items-start md:justify-between gap-3 mb-4">
         <div>
-          <div className="flex items-center gap-2 text-[10px] font-bold tracking-widest text-slate-500 uppercase font-mono">
+          <div className="flex items-center gap-2 text-[12px] font-bold tracking-widest text-slate-500 uppercase font-mono">
             <span className="text-teal-400">Apple One — HQ Tower</span>
-            <span>•</span>
-            <span>Operations</span>
-            <span>•</span>
-            <span>Help Desk</span>
+            <span className='text-gray-600'>•</span>
+            <span className='text-gray-400'>Operations</span>
+            <span className='text-gray-600'>•</span>
+            <span className='text-gray-400'>Help Desk</span>
           </div>
           <h1 className="text-2xl font-extrabold text-white tracking-tight mt-1.5">
             Help Desk & checklists