diff --git a/src/compounds/ActionsGroup/actions/SendMessage.jsx b/src/compounds/ActionsGroup/actions/SendMessage.jsx index 193c745..273e427 100644 --- a/src/compounds/ActionsGroup/actions/SendMessage.jsx +++ b/src/compounds/ActionsGroup/actions/SendMessage.jsx @@ -78,6 +78,20 @@ const SendMessage = ({ backgroundColor, onSubmit, handleClose }) => { +

+ {/* The "small" tag will make the font size 0.875em of the parent element. It's also accessibility friendly */} + + Please note that Supplier pricing and other information marked confidential by Supplier must be treated as such. + +

+ +

+ + 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. + +

diff --git a/src/compounds/ActionsGroup/actions/styles.scss b/src/compounds/ActionsGroup/actions/styles.scss index b49ca86..6795a82 100644 --- a/src/compounds/ActionsGroup/actions/styles.scss +++ b/src/compounds/ActionsGroup/actions/styles.scss @@ -4,3 +4,8 @@ #send-message { height: 150px; } + +.disclaimer { + font-size: 14px; + line-height: 16px; +}