Updated Settings pages

src/pages/settings/components/Messages/Messages.tsx

@@ -151,14 +151,14 @@ const MessageSettings = () => {
 						style={{
 							color: theme.primaryColor,
 							backgroundColor: theme.backgroundColor,
+							width: '500px',
 						}}
 					>
 						<Stack>
 							<Text className={textClasses.settingsTooltip} classNames={textClasses}>
-								{'Messages may contain any unicode text.'}
+								{'These custom messages will be displayed in the header on the homepage.'}
 							</Text>
 							<Highlight
-								ta={'center'}
 								highlight={['$firstName', '$lastName', '$^firstName', '$^lastName']}
 								className={textClasses.settingsTooltip}
 								classNames={textClasses}
@@ -171,7 +171,7 @@ const MessageSettings = () => {
 								}}
 							>
 								{
-									'Built-in variables include $firstName and $lastName. To force the text to upper case, use a carat (^), ie, $^firstName.'
+									'Built-in variables include $firstName and $lastName. To force the text to upper case, use a carat (^), ie, $^firstName. Messages may contain any unicode text.'
 								}
 							</Highlight>
 						</Stack>