Implement latest design

Vizzuality · Dec 3, 2024 · 6317962 · 6317962
1 parent ae07ebc
commit 6317962
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/client/src/containers/widget/widget-header/index.tsx b/client/src/containers/widget/widget-header/index.tsx
@@ -1,5 +1,7 @@
 import { FC } from "react";
 
+import { ClipboardCheckIcon } from "lucide-react";
+
 import { cn } from "@/lib/utils";
 
 import Title from "@/components/ui/title";
@@ -26,7 +28,10 @@ const WidgetHeader: FC<WidgetHeaderProps> = ({
           {indicator}
         </Title>
         <div className="flex items-center gap-2">
-          <p className="text-xs">{responseRate}%</p>
+          <p className="inline-flex items-center gap-1 text-2xs font-medium text-muted-foreground">
+            <ClipboardCheckIcon className="h-4 w-4" strokeWidth={1.5} />
+            <span>{responseRate}%</span>
+          </p>
           {menu}
         </div>
       </div>