From b4ebe8746c876cb9cbf8f754e8fd3ea3542b945a Mon Sep 17 00:00:00 2001
From: Christopher Willis-Ford <7019101+cwillisf@users.noreply.github.com>
Date: Tue, 30 May 2023 10:52:32 -0700
Subject: [PATCH] fix: increase distance between lines of text in the
 connection modal

---
 src/components/connection-modal/connection-modal.css       | 1 +
 src/components/connection-modal/update-peripheral-step.jsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/connection-modal/connection-modal.css b/src/components/connection-modal/connection-modal.css
index 53bb7d763..299c84bc5 100644
--- a/src/components/connection-modal/connection-modal.css
+++ b/src/components/connection-modal/connection-modal.css
@@ -3,6 +3,7 @@
 
 .modal-content {
     width: 480px;
+    line-height: 1.75;
 }
 
 .header {
diff --git a/src/components/connection-modal/update-peripheral-step.jsx b/src/components/connection-modal/update-peripheral-step.jsx
index b662020a8..cc65ea347 100644
--- a/src/components/connection-modal/update-peripheral-step.jsx
+++ b/src/components/connection-modal/update-peripheral-step.jsx
@@ -193,7 +193,7 @@ class UpdatePeripheralStep extends React.Component {
                 <Box className={styles.bottomArea}>
                     {!showResults &&
                         <BalancedFormattedMessage
-                            classname={styles.bottomAreaItem}
+                            className={styles.bottomAreaItem}
                             defaultMessage={'Do not leave or reload Scratch or disconnect your {extensionName} ' +
                                 'until the update is complete.'}
                             description="Notice to not disrupt the peripheral update process"