[bugfix] Update notification spacing between title and description (#…

…5238)

* Update notification padding

* Update notification spacing to match figma

* Linter

* Update packages/react-composites CallComposite browser test snapshots

* Update packages/react-composites CallComposite browser test snapshots

* Update packages/react-composites CallComposite browser test snapshots

* Update packages/react-composites CallComposite browser test snapshots

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

change/@azure-communication-react-da34ff2d-0333-491a-91e0-7bc44b7eb627.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Notifications",
+  "comment": "Increase Notification spacing betwen Title and Description text",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/Notification.tsx

@@ -126,7 +126,9 @@ export const Notification = (props: NotificationProps): JSX.Element => {
             onClick={props.onDismiss}
           />
         </Stack>
-        <Text className={messageTextStyle(theme)}>{strings?.message}</Text>
+        <Text className={messageTextStyle(theme)} style={{ marginTop: '0.25rem' }}>
+          {strings?.message}
+        </Text>
         <Stack horizontal horizontalAlign="space-evenly">
           {strings?.secondaryButtonLabel && (
             <DefaultButton onClick={props.onClickSecondaryButton} style={{ marginTop: '1rem' }}>