From 9b387c839e289c93dd6e91708202e3ab5e6f072f Mon Sep 17 00:00:00 2001
From: Shail Mehta <shailmehta25@gmail.com>
Date: Tue, 11 Feb 2025 07:23:45 +0530
Subject: [PATCH] Fixed: Empty Pattern Overlap in Pattern Title in Dataviews
 Table Layout (#68997)

* Fixed: Empty Pattern Overlap in Dataviews Table Layout

* Fix Overlap Issue in RTL

* Fix Text Overlap Issue

* Fix Overlap Issue in Empty Template Table Layout

Co-authored-by: shail-mehta <shailu25@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: dhruvang21 <dhruvang21@git.wordpress.org>
Co-authored-by: carolinan <poena@git.wordpress.org>
---
 packages/edit-site/src/components/page-patterns/style.scss  | 2 ++
 packages/edit-site/src/components/page-templates/style.scss | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/packages/edit-site/src/components/page-patterns/style.scss b/packages/edit-site/src/components/page-patterns/style.scss
index 8a2d71d87633d7..14ad49415a56fe 100644
--- a/packages/edit-site/src/components/page-patterns/style.scss
+++ b/packages/edit-site/src/components/page-patterns/style.scss
@@ -19,6 +19,8 @@
 	.dataviews-view-table & {
 		width: 96px;
 		flex-grow: 0;
+		text-wrap: balance; // Fallback for Safari.
+		text-wrap: pretty;
 	}
 }
 
diff --git a/packages/edit-site/src/components/page-templates/style.scss b/packages/edit-site/src/components/page-templates/style.scss
index 89aa9dd312fb43..a9890fc75c02c7 100644
--- a/packages/edit-site/src/components/page-templates/style.scss
+++ b/packages/edit-site/src/components/page-templates/style.scss
@@ -23,6 +23,8 @@
 		position: relative;
 		width: 120px;
 		max-height: 160px;
+		text-wrap: balance; // Fallback for Safari.
+		text-wrap: pretty;
 
 		&::after {
 			content: "";