From f6159eb39825147f0a350993651f40169595d8d7 Mon Sep 17 00:00:00 2001
From: Ashesh <3626859+Ashesh3@users.noreply.github.com>
Date: Fri, 19 Jan 2024 20:33:55 +0530
Subject: [PATCH] Add break-all class to SelectMenuV2 component (#7068)

* Add break-all class to SelectMenuV2 component

* Update PrescriptionDetailCard component

* Update PrescriptionDetailCard component styling
---
 src/Components/Form/SelectMenuV2.tsx               | 2 +-
 src/Components/Medicine/PrescriptionDetailCard.tsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Components/Form/SelectMenuV2.tsx b/src/Components/Form/SelectMenuV2.tsx
index 464a754cebe..2e277b40b4f 100644
--- a/src/Components/Form/SelectMenuV2.tsx
+++ b/src/Components/Form/SelectMenuV2.tsx
@@ -101,7 +101,7 @@ const SelectMenuV2 = <T, V>(props: SelectMenuProps<T, V>) => {
                         {value.icon}
                       </div>
                     )}
-                    <p className="ml-2.5 text-sm font-medium">
+                    <p className="ml-2.5 break-all text-sm font-medium">
                       {value.selectedLabel}
                     </p>
                   </div>
diff --git a/src/Components/Medicine/PrescriptionDetailCard.tsx b/src/Components/Medicine/PrescriptionDetailCard.tsx
index 4333eeb1a88..0e1f28e9654 100644
--- a/src/Components/Medicine/PrescriptionDetailCard.tsx
+++ b/src/Components/Medicine/PrescriptionDetailCard.tsx
@@ -86,7 +86,10 @@ export default function PrescriptionDetailCard({
           <Detail className="col-span-9 md:col-span-5" label={t("medicine")}>
             {prescription.medicine_object?.name ?? prescription.medicine_old}
           </Detail>
-          <Detail className="col-span-5 md:col-span-2" label={t("route")}>
+          <Detail
+            className="col-span-5 break-all md:col-span-2"
+            label={t("route")}
+          >
             {prescription.route &&
               t("PRESCRIPTION_ROUTE_" + prescription.route)}
           </Detail>