From 1a6b3d3e1bf604882a76a419684c4e460d989229 Mon Sep 17 00:00:00 2001
From: Onkar Jadhav <56870381+Omkar76@users.noreply.github.com>
Date: Wed, 13 Dec 2023 10:57:58 +0530
Subject: [PATCH] Allow occupancy button to resize on default font size change.
 Fixes #6805 (#6806)

---
 src/Components/Facility/FacilityCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Facility/FacilityCard.tsx b/src/Components/Facility/FacilityCard.tsx
index 900b6b00f47..c34fed49a6e 100644
--- a/src/Components/Facility/FacilityCard.tsx
+++ b/src/Components/Facility/FacilityCard.tsx
@@ -160,7 +160,7 @@ export const FacilityCard = (props: { facility: any; userType: any }) => {
                 <div className="flex w-full flex-wrap justify-between gap-2 py-2">
                   <div className="flex flex-wrap gap-2">
                     <div
-                      className={`tooltip ml-auto flex h-[38px] w-fit items-center justify-center rounded-md px-2 text-xl ${
+                      className={`tooltip button-size-default ml-auto flex w-fit items-center justify-center rounded-md px-2 ${
                         facility.patient_count / facility.bed_count > 0.85
                           ? "button-danger-border bg-red-500"
                           : "button-primary-border bg-primary-100"
@@ -178,7 +178,7 @@ export const FacilityCard = (props: { facility: any; userType: any }) => {
                         )}
                       />{" "}
                       <dt
-                        className={`my-1 text-sm font-semibold ${
+                        className={`text-sm font-semibold ${
                           facility.patient_count / facility.bed_count > 0.85
                             ? "text-white"
                             : "text-gray-700"