From 77e71572e31d4f16b67f38bd4be8c65653455add Mon Sep 17 00:00:00 2001
From: Alisha Evans <alisha@scientist.com>
Date: Mon, 6 Mar 2023 16:52:38 -0600
Subject: [PATCH 1/2] add a disclaimer on the messages modal

---
 src/compounds/ActionsGroup/actions/SendMessage.jsx | 9 +++++++++
 src/compounds/ActionsGroup/actions/styles.scss     | 4 ++++
 2 files changed, 13 insertions(+)

diff --git a/src/compounds/ActionsGroup/actions/SendMessage.jsx b/src/compounds/ActionsGroup/actions/SendMessage.jsx
index 193c7454..ca1e0bbc 100644
--- a/src/compounds/ActionsGroup/actions/SendMessage.jsx
+++ b/src/compounds/ActionsGroup/actions/SendMessage.jsx
@@ -78,6 +78,15 @@ const SendMessage = ({ backgroundColor, onSubmit, handleClose }) => {
           </ListGroup>
         </Modal.Body>
         <Modal.Footer>
+          <p className='fw-light fst-italic disclaimer'>
+            Please note that Supplier pricing and other information marked confidential by Supplier must be treated as such.
+          </p>
+
+          <p className='fw-light fst-italic disclaimer'>
+            Do not include any Sensitive Personal Data (e.g. data consisting of racial or ethnic origin, political opinions, religious or
+            philosophical beliefs, or trade union membership, genetic data, biometric data, data concerning health or data concerning a
+            natural person's sex life or sexual orientation) or potentially regulated information in messages or attachments.
+          </p>
           <Button variant='primary' onClick={handleSubmit} type='submit'>
             Send
           </Button>
diff --git a/src/compounds/ActionsGroup/actions/styles.scss b/src/compounds/ActionsGroup/actions/styles.scss
index b49ca86a..e93bcf1a 100644
--- a/src/compounds/ActionsGroup/actions/styles.scss
+++ b/src/compounds/ActionsGroup/actions/styles.scss
@@ -4,3 +4,7 @@
 #send-message {
   height: 150px;
 }
+
+.disclaimer {
+  font-size: 11px;
+}

From 12f803f48ad93e8a3759f5d67ded4587c3704eef Mon Sep 17 00:00:00 2001
From: Alisha Evans <alisha@scientist.com>
Date: Wed, 8 Mar 2023 09:10:53 -0600
Subject: [PATCH 2/2] use the "small" html tag and reduce line height

---
 src/compounds/ActionsGroup/actions/SendMessage.jsx | 13 +++++++++----
 src/compounds/ActionsGroup/actions/styles.scss     |  3 ++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/compounds/ActionsGroup/actions/SendMessage.jsx b/src/compounds/ActionsGroup/actions/SendMessage.jsx
index ca1e0bbc..273e4271 100644
--- a/src/compounds/ActionsGroup/actions/SendMessage.jsx
+++ b/src/compounds/ActionsGroup/actions/SendMessage.jsx
@@ -79,13 +79,18 @@ const SendMessage = ({ backgroundColor, onSubmit, handleClose }) => {
         </Modal.Body>
         <Modal.Footer>
           <p className='fw-light fst-italic disclaimer'>
-            Please note that Supplier pricing and other information marked confidential by Supplier must be treated as such.
+            {/* The "small" tag will make the font size 0.875em of the parent element. It's also accessibility friendly */}
+            <small>
+              Please note that Supplier pricing and other information marked confidential by Supplier must be treated as such.
+            </small>
           </p>
 
           <p className='fw-light fst-italic disclaimer'>
-            Do not include any Sensitive Personal Data (e.g. data consisting of racial or ethnic origin, political opinions, religious or
-            philosophical beliefs, or trade union membership, genetic data, biometric data, data concerning health or data concerning a
-            natural person's sex life or sexual orientation) or potentially regulated information in messages or attachments.
+            <small>
+              Do not include any Sensitive Personal Data (e.g. data consisting of racial or ethnic origin, political opinions, religious or
+              philosophical beliefs, or trade union membership, genetic data, biometric data, data concerning health or data concerning a
+              natural person's sex life or sexual orientation) or potentially regulated information in messages or attachments.
+            </small>
           </p>
           <Button variant='primary' onClick={handleSubmit} type='submit'>
             Send
diff --git a/src/compounds/ActionsGroup/actions/styles.scss b/src/compounds/ActionsGroup/actions/styles.scss
index e93bcf1a..6795a82d 100644
--- a/src/compounds/ActionsGroup/actions/styles.scss
+++ b/src/compounds/ActionsGroup/actions/styles.scss
@@ -6,5 +6,6 @@
 }
 
 .disclaimer {
-  font-size: 11px;
+  font-size: 14px;
+  line-height: 16px;
 }