change label overflow behavior

Author: dmceachernmsft

packages/react-components/src/components/VideoGallery/RemoteScreenShare.tsx

@@ -110,7 +110,12 @@ export const RemoteScreenShare = React.memo(
 export const LoadingSpinner = (props: { loadingMessage: string }): JSX.Element => {
   return (
     <Stack verticalAlign="center" className={loadingStyle}>
-      <Spinner label={props.loadingMessage} size={SpinnerSize.xSmall} aria-live={'assertive'} />
+      <Spinner
+        styles={{ label: { maxWidth: '15rem', overflow: 'hidden', textOverflow: 'ellipses' } }}
+        label={props.loadingMessage}
+        size={SpinnerSize.xSmall}
+        aria-live={'assertive'}
+      />
     </Stack>
   );
 };