use the "small" html tag and reduce line height

Author: alishaevn

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

src/compounds/ActionsGroup/actions/styles.scss

@@ -6,5 +6,6 @@
 }
 
 .disclaimer {
-  font-size: 11px;
+  font-size: 14px;
+  line-height: 16px;
 }