Text Overflow in Search Results Causes UI Distortion

ohcnetwork · Jan 19, 2025 · 0145ffb · 0145ffb
1 parent 1ccd6ac
commit 0145ffb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git 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
@@ -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")}