Changes done in ui screens

components/dashboard/compliance/statutoryCompliance.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+
 import { 
   Layers, 
   ShieldCheck, 
@@ -32,12 +32,12 @@ export default function StatutoryCompliancePortal() {
       {/* --- HEADER SECTION --- */}
       <div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
         <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>Compliance</span>
-            <span>•</span>
-            <span>Statutory</span>
+            <span className="text-gray-600">•</span>
+            <span className="text-gray-400">Compliance</span>
+            <span className="text-gray-600">•</span>
+            <span className="text-gray-400">Statutory</span>
           </div>
           <h1 className="text-2xl font-extrabold text-white tracking-tight mt-1.5">
             Statutory compliance tracker