From b1fbd7068239fed5e1233ea9e6f714fc26ba0c6b Mon Sep 17 00:00:00 2001
From: mgamis-msft <79475487+mgamis-msft@users.noreply.github.com>
Date: Wed, 9 Oct 2024 04:00:51 +0000
Subject: [PATCH 1/2] Fix error bar icon size for low network quality and local
 video freeze

---
 packages/react-components/src/theming/icons.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/react-components/src/theming/icons.tsx b/packages/react-components/src/theming/icons.tsx
index 467d9e8bcd5..a0b9c952ba0 100644
--- a/packages/react-components/src/theming/icons.tsx
+++ b/packages/react-components/src/theming/icons.tsx
@@ -125,11 +125,8 @@ export type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.El
 
 const WifiWarning16Filled = (): JSX.Element => (
   // All ErrorBar icons are 16px x 16px (when 1rem = 16 px).
-  // There is no 16px version of this icon in the fluent icon package, so scale the larger
-  // one down to required size.
-  <div className={mergeStyles({ transform: 'scale(0.8)' })}>
-    <WifiWarning20Filled />
-  </div>
+  // There is no 16px version of this icon in the fluent icon package, so set height and width to 1rem.
+  <WifiWarning20Filled style={{ height: '1rem', width: '1rem' }} />
 );
 
 const MoreHorizontal18Regular = (): JSX.Element => (

From 8b439bab1a7a71ca90cd69cc3015ad5cddf2f579 Mon Sep 17 00:00:00 2001
From: mgamis-msft <79475487+mgamis-msft@users.noreply.github.com>
Date: Wed, 9 Oct 2024 04:01:37 +0000
Subject: [PATCH 2/2] Change files

---
 ...ation-react-3aa94f88-9194-4129-901f-88ed39a8751b.json | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 change/@azure-communication-react-3aa94f88-9194-4129-901f-88ed39a8751b.json

diff --git a/change/@azure-communication-react-3aa94f88-9194-4129-901f-88ed39a8751b.json b/change/@azure-communication-react-3aa94f88-9194-4129-901f-88ed39a8751b.json
new file mode 100644
index 00000000000..50b2a40fe7e
--- /dev/null
+++ b/change/@azure-communication-react-3aa94f88-9194-4129-901f-88ed39a8751b.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Error bar",
+  "comment": "Fix error bar icon size for low network quality and local video freeze",
+  "packageName": "@azure/communication-react",
+  "email": "79475487+mgamis-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}