fixing styles

src/components/shared/HeaderPage.tsx

@@ -6,9 +6,17 @@ const HeaderPage = ({ title }: { title: string }) => {
         <div className="flex space-x-4 my-0 md:my-4 lg:flex-row flex-col items-baseline">
             <h1 className="text-3xl font-bold text-gray-800 mb:mb-0 mb-4">{title}</h1>
 
+            <svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none">
+            <circle cx="2" cy="2" r="2" fill="#E9EAF1"/>
+            </svg>
+
             <UrlDropdown />
 
-            <div className="flex space-x-4">
+            <svg xmlns="http://www.w3.org/2000/svg" width="4" height="4" viewBox="0 0 4 4" fill="none">
+                <circle cx="2" cy="2" r="2" fill="#E9EAF1"/>
+            </svg>
+
+            <div className="flex gap-1">
                 <MetricCard value="12" label="DR" valueChange="+1" size="sm" />
                 <MetricCard value="14" label="DA" valueChange="+3" size="sm" />
                 <MetricCard value="10" label="AIQ" valueChange="+2" size="sm" />