update styling to cap the name length and ellipsis the overflow

Azure · Feb 28, 2025 · 13d099b · 13d099b
1 parent cc9df75
commit 13d099b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/react-components/src/components/VideoGallery/RemoteScreenShare.tsx b/packages/react-components/src/components/VideoGallery/RemoteScreenShare.tsx
@@ -111,7 +111,7 @@ export const LoadingSpinner = (props: { loadingMessage: string }): JSX.Element =
   return (
     <Stack verticalAlign="center" className={loadingStyle}>
       <Spinner
-        styles={{ label: { maxWidth: '15rem', overflow: 'hidden', textOverflow: 'ellipses' } }}
+        styles={{ label: { maxWidth: '10rem', overflow: 'hidden', textOverflow: 'ellipsis' } }}
         label={props.loadingMessage}
         size={SpinnerSize.xSmall}
         aria-live={'assertive'}