From 0145ffbbde98b446b383be9f3e98fbdd8b0204b6 Mon Sep 17 00:00:00 2001
From: eat_code_sleep <141677292+i0am0arunava@users.noreply.github.com>
Date: Sun, 19 Jan 2025 21:40:14 +0530
Subject: [PATCH] Text Overflow in Search Results Causes UI Distortion

---
 package-lock.json                                           | 4 ++--
 src/pages/FacilityOrganization/FacilityOrganizationView.tsx | 2 +-
 src/pages/Organization/OrganizationView.tsx                 | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2f03acbcaef..5beaa28bdca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -145,8 +145,8 @@
         "node": ">=22.8.0"
       },
       "optionalDependencies": {
-        "@esbuild/linux-arm64": "*",
-        "@esbuild/linux-x64": "*",
+        "@esbuild/linux-arm64": "latest",
+        "@esbuild/linux-x64": "latest",
         "@rollup/rollup-linux-arm64-gnu": "4.30.1",
         "@rollup/rollup-linux-x64-gnu": "4.30.1"
       }
diff --git a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
index 2859d6ec99e..ffef1baafaf 100644
--- a/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
+++ b/src/pages/FacilityOrganization/FacilityOrganizationView.tsx
@@ -134,7 +134,7 @@ export default function FacilityOrganizationView({ id, facilityId }: Props) {
                 ))
               ) : (
                 <Card className="col-span-full">
-                  <CardContent className="p-6 text-center text-gray-500">
+                  <CardContent className="p-6 text-center text-gray-500 max-w-full break-words">
                     {searchQuery
                       ? t("no_organizations_found_matching", { searchQuery })
                       : t("no_sub_organizations_found")}
diff --git a/src/pages/Organization/OrganizationView.tsx b/src/pages/Organization/OrganizationView.tsx
index 3a0f140f250..c1b2e85f595 100644
--- a/src/pages/Organization/OrganizationView.tsx
+++ b/src/pages/Organization/OrganizationView.tsx
@@ -129,7 +129,7 @@ export default function OrganizationView({ id, navOrganizationId }: Props) {
                 ))
               ) : (
                 <Card className="col-span-full">
-                  <CardContent className="p-6 text-center text-gray-500">
+                  <CardContent className="p-6 text-center text-gray-500 max-w-full break-words">
                     {searchQuery
                       ? t("no_organizations_found_matching", { searchQuery })
                       : t("no_sub_organizations_found")}