From 0c594fc46beb43ac65dd7f785aca76886d46a2c2 Mon Sep 17 00:00:00 2001
From: Salah Benmoussati <51402489+sbenmoussati@users.noreply.github.com>
Date: Mon, 13 Feb 2023 09:00:28 +0100
Subject: [PATCH] Screen-sharing indicator bugfix (#1705)

---
 .../screenSharingIndicator.spec.ts.snap            | 14 ++++++++------
 .../components/screen-sharing-indicator.tsx        |  4 ++--
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/spec/__snapshots__/screenSharingIndicator.spec.ts.snap b/spec/__snapshots__/screenSharingIndicator.spec.ts.snap
index bf9b9a3c..dd62ead4 100644
--- a/spec/__snapshots__/screenSharingIndicator.spec.ts.snap
+++ b/spec/__snapshots__/screenSharingIndicator.spec.ts.snap
@@ -7,12 +7,14 @@ exports[`screen sharing indicator should render correctly 1`] = `
   <span
     className="text-label"
   >
-    You are sharing your screen on 
-    <b>
-       
-      Symphony
-       
-    </b>
+    <span>
+      You are sharing your screen on 
+      <b>
+         
+        Symphony
+         
+      </b>
+    </span>
   </span>
   <span
     className="buttons"
diff --git a/src/renderer/components/screen-sharing-indicator.tsx b/src/renderer/components/screen-sharing-indicator.tsx
index 8f4539dc..28ec81d8 100644
--- a/src/renderer/components/screen-sharing-indicator.tsx
+++ b/src/renderer/components/screen-sharing-indicator.tsx
@@ -121,11 +121,11 @@ export default class ScreenSharingIndicator extends React.Component<
     }
     const appNameEndPosition = appNameStartPosition + appName.length;
     return (
-      <>
+      <span>
         {`${translatedLabel.slice(0, appNameStartPosition)}`}
         <b> {appName} </b>
         {translatedLabel.slice(appNameEndPosition)}
-      </>
+      </span>
     );
   }
 }