diff --git a/src/components/Facility/FacilityCard.tsx b/src/components/Facility/FacilityCard.tsx
index be00a21ece0..1664dd48b70 100644
--- a/src/components/Facility/FacilityCard.tsx
+++ b/src/components/Facility/FacilityCard.tsx
@@ -63,7 +63,7 @@ export const FacilityCard = (props: {
           <div className="h-full w-full grow">
             <Link
               href={`/facility/${facility.id}`}
-              className="group relative z-0 flex w-full min-w-[15%] items-center justify-center self-stretch min-[425px]:hidden"
+              className="group relative z-0 flex w-full min-w-[15%] items-center justify-center self-stretch [@media(min-width:37rem)]:hidden"
             >
               <Avatar
                 name={facility.name || ""}
@@ -77,7 +77,7 @@ export const FacilityCard = (props: {
                 <div className="flex flex-col gap-5 sm:flex-row">
                   <Link
                     href={`/facility/${facility.id}`}
-                    className="hidden h-[150px] min-h-[150px] w-[150px] min-w-[150px] sm:block"
+                    className="hidden h-[10rem] min-h-[10rem] w-[10rem] min-w-[10rem] [@media(min-width:37rem)]:block"
                   >
                     <Avatar
                       name={facility.name || ""}
@@ -193,7 +193,6 @@ export const FacilityCard = (props: {
                 </div>
               </div>
               <div className="flex flex-wrap border-t border-t-secondary-300 bg-secondary-50 px-2 py-1 md:px-3">
-                {/* <div className="flex justify-between py-2"> */}
                 <div className="flex w-full flex-wrap justify-between gap-2 py-2">
                   <div className="flex flex-wrap gap-2">
                     <DialogModal