From 827b1ca2ac2947b9d93c8dc6d8c4d9246bd4b0c1 Mon Sep 17 00:00:00 2001
From: Mohammed Nihal <57055998+nihal467@users.noreply.github.com>
Date: Mon, 23 Dec 2024 16:35:54 +0530
Subject: [PATCH] fixed the icon and text gap

---
 src/components/Facility/FacilityCard.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Facility/FacilityCard.tsx b/src/components/Facility/FacilityCard.tsx
index 31ada0f4ce0..be00a21ece0 100644
--- a/src/components/Facility/FacilityCard.tsx
+++ b/src/components/Facility/FacilityCard.tsx
@@ -134,7 +134,7 @@ export const FacilityCard = (props: {
                         <Link href={`/facility/${facility.id}/cns`}>
                           <CareIcon
                             icon="l-monitor-heart-rate"
-                            className="text-lg"
+                            className="text-lg mr-1"
                           />
                           <span>{t("view_cns")}</span>
                         </Link>
@@ -250,7 +250,10 @@ export const FacilityCard = (props: {
                             aria-label={t("notify")}
                             role="button"
                           >
-                            <CareIcon icon="l-megaphone" className="text-lg" />
+                            <CareIcon
+                              icon="l-megaphone"
+                              className="text-lg mr-1"
+                            />
                             <span className="hidden sm:inline">
                               {t("notify")}
                             </span>
@@ -272,7 +275,10 @@ export const FacilityCard = (props: {
                           asChild
                         >
                           <Link href={`/facility/${facility.id}`}>
-                            <CareIcon icon="l-hospital" className="text-lg" />
+                            <CareIcon
+                              icon="l-hospital"
+                              className="text-lg mr-1"
+                            />
                             <span className="hidden sm:inline">
                               {t("view_facility")}
                             </span>
@@ -296,7 +302,7 @@ export const FacilityCard = (props: {
                           <Link href={`/patients?facility=${facility.id}`}>
                             <CareIcon
                               icon="l-user-injured"
-                              className="text-lg"
+                              className="text-lg mr-1"
                             />
                             <span className="hidden sm:inline">
                               {t("view_patients")}