Improve CallingScreenSharingController for long text

ts/components/CallingScreenSharingController.stories.tsx

@@ -15,11 +15,11 @@ import enMessages from '../../_locales/en/messages.json';
 
 const i18n = setupI18n('en', enMessages);
 
-const createProps = (): PropsType => ({
+const createProps = (overrideProps: Partial<PropsType> = {}): PropsType => ({
   i18n,
   onCloseController: action('on-close-controller'),
   onStopSharing: action('on-stop-sharing'),
-  presentedSourceName: 'Application',
+  presentedSourceName: overrideProps.presentedSourceName || 'Application',
 });
 
 const story = storiesOf('Components/CallingScreenSharingController', module);
@@ -27,3 +27,14 @@ const story = storiesOf('Components/CallingScreenSharingController', module);
 story.add('Controller', () => {
   return <CallingScreenSharingController {...createProps()} />;
 });
+
+story.add('Really long app name', () => {
+  return (
+    <CallingScreenSharingController
+      {...createProps({
+        presentedSourceName:
+          'A really long application name that is super long',
+      })}
+    />
+  );
+});