From ef62f2f05c082e0287fd0409cfaf0243d42f0e40 Mon Sep 17 00:00:00 2001
From: Zebulan Stanphill <zebulanstanphill@protonmail.com>
Date: Tue, 15 Sep 2020 15:07:09 -0500
Subject: [PATCH] Fix text overlapping accordion expand/collapse icon.

---
 packages/components/src/panel/style.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/components/src/panel/style.scss b/packages/components/src/panel/style.scss
index d12de4e851030..118585a57a3ec 100644
--- a/packages/components/src/panel/style.scss
+++ b/packages/components/src/panel/style.scss
@@ -77,6 +77,10 @@
 .components-panel__body-toggle.components-button {
 	position: relative;
 	padding: $grid-unit-20;
+
+	// Stop text from overlapping the expand/collapse icon.
+	padding-right: $grid-unit-60;
+
 	outline: none;
 	width: 100%;
 	font-weight: 500;