From 14ab6110085f9dd1aafb4a9b0ac6ff741db77e40 Mon Sep 17 00:00:00 2001
From: RJ <27843274+rjchow@users.noreply.github.com>
Date: Thu, 1 Dec 2022 08:03:58 +0800
Subject: [PATCH] fix: woocommerce admin cart modal header clips header text
 (#35780)

fix: increased woocommerce cart modal margin
---
 plugins/woocommerce-admin/client/dashboard/style.scss     | 8 ++++++++
 .../changelog/fix-woocommerce-cart-modal-margin           | 4 ++++
 2 files changed, 12 insertions(+)
 create mode 100644 plugins/woocommerce/changelog/fix-woocommerce-cart-modal-margin

diff --git a/plugins/woocommerce-admin/client/dashboard/style.scss b/plugins/woocommerce-admin/client/dashboard/style.scss
index 8018c82e548..04c551fa392 100644
--- a/plugins/woocommerce-admin/client/dashboard/style.scss
+++ b/plugins/woocommerce-admin/client/dashboard/style.scss
@@ -90,3 +90,11 @@
 .components-card .woocommerce-ellipsis-menu__toggle {
 	padding: 0;
 }
+
+.components-modal__frame.woocommerce-cart-modal .components-modal__content {
+	margin-top: 6rem;
+
+	@include breakpoint( '<600px' ) {
+		margin-top: 7rem;
+	}
+}
diff --git a/plugins/woocommerce/changelog/fix-woocommerce-cart-modal-margin b/plugins/woocommerce/changelog/fix-woocommerce-cart-modal-margin
new file mode 100644
index 00000000000..5e7e2581ba8
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-woocommerce-cart-modal-margin
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Increased margin so that overflow modal content doesn't clip header