From b9f1cae5bccd0c29a7ccdb606d3c3a1923950582 Mon Sep 17 00:00:00 2001
From: Don Xavier <mail.donxavier@gmail.com>
Date: Thu, 20 Feb 2025 22:45:05 +0530
Subject: [PATCH] Improve layout of medication row for better responsiveness

---
 .../Medicine/MedicationAdministration/AdministrationTab.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx b/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx
index 4a0bc9d63ac..ac7c20b8f8d 100644
--- a/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx
+++ b/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx
@@ -260,7 +260,7 @@ const MedicationRow: React.FC<MedicationRowProps> = ({
                   className={`flex font-medium items-center gap-2 rounded-md p-2 mb-2 cursor-pointer justify-between border ${colorClass}`}
                   onClick={() => onEditAdministration(medication, admin)}
                 >
-                  <div className="flex flex-col md:flex-row items-center gap-1">
+                  <div className="flex flex-col flex-wrap md:flex-row items-center gap-1">
                     <div>
                       <CareIcon
                         icon="l-check-circle"