From be7f90e3bdf87bbb04854042cef9369801357091 Mon Sep 17 00:00:00 2001
From: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Date: Mon, 11 Nov 2024 18:02:14 +0800
Subject: [PATCH] Fix border cut issue on tasklist and inbox widgets (#52693)

---
 plugins/woocommerce/changelog/fix-tasklist-border-radius    | 4 ++++
 .../admin/client/dashboard/dashboard-charts/block.scss      | 2 ++
 .../woocommerce/client/admin/client/inbox-panel/index.scss  | 6 ++++++
 .../client/admin/client/task-lists/task-lists.scss          | 1 +
 4 files changed, 13 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-tasklist-border-radius

diff --git a/plugins/woocommerce/changelog/fix-tasklist-border-radius b/plugins/woocommerce/changelog/fix-tasklist-border-radius
new file mode 100644
index 00000000000..b4ae0b44ca9
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-tasklist-border-radius
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix border cut issue on tasklist and inbox widgets in WooCommerce homescreen
diff --git a/plugins/woocommerce/client/admin/client/dashboard/dashboard-charts/block.scss b/plugins/woocommerce/client/admin/client/dashboard/dashboard-charts/block.scss
index 3d32c7f76d3..4f6fba94ff1 100644
--- a/plugins/woocommerce/client/admin/client/dashboard/dashboard-charts/block.scss
+++ b/plugins/woocommerce/client/admin/client/dashboard/dashboard-charts/block.scss
@@ -30,6 +30,8 @@
 }
 
 .woocommerce-dashboard__chart-block {
+	overflow: hidden;
+
 	.woocommerce-card__body {
 		padding: 0;
 		position: relative;
diff --git a/plugins/woocommerce/client/admin/client/inbox-panel/index.scss b/plugins/woocommerce/client/admin/client/inbox-panel/index.scss
index 0c1d1d5e646..63b61d8f10c 100644
--- a/plugins/woocommerce/client/admin/client/inbox-panel/index.scss
+++ b/plugins/woocommerce/client/admin/client/inbox-panel/index.scss
@@ -2,6 +2,12 @@
 	margin: 0 $gap-large;
 }
 
+.woocommerce-homepage-notes-wrapper {
+	.components-card {
+		overflow: hidden;
+	}
+}
+
 .woocommerce-layout__inbox-panel-header {
 	padding: $gap-large;
 
diff --git a/plugins/woocommerce/client/admin/client/task-lists/task-lists.scss b/plugins/woocommerce/client/admin/client/task-lists/task-lists.scss
index 1f1a6b06798..f01a3e7017b 100644
--- a/plugins/woocommerce/client/admin/client/task-lists/task-lists.scss
+++ b/plugins/woocommerce/client/admin/client/task-lists/task-lists.scss
@@ -4,6 +4,7 @@
 		margin-left: auto;
 		margin-right: auto;
 		margin-bottom: $gap-large;
+		overflow: hidden;
 
 		.components-card__header.is-size-large {
 			padding-bottom: 12px;