[Chat] Fix default constant maxWidth value for fluent chat components (#4510)

vhuseinova-msft · web-flow · commit 2eded4020940 · 2024-04-23T17:19:43.000Z
diff --git a/change-beta/@azure-communication-react-ad973b68-7c17-42c1-8545-6c23b7c4aadc.json b/change-beta/@azure-communication-react-ad973b68-7c17-42c1-8545-6c23b7c4aadc.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "MessageThread",
+  "comment": "Fix default constant maxWidth value for fluent chat components",
+  "packageName": "@azure/communication-react",
+  "email": "98852890+vhuseinova-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@azure-communication-react-ad973b68-7c17-42c1-8545-6c23b7c4aadc.json b/change/@azure-communication-react-ad973b68-7c17-42c1-8545-6c23b7c4aadc.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "MessageThread",
+  "comment": "Fix default constant maxWidth value for fluent chat components",
+  "packageName": "@azure/communication-react",
+  "email": "98852890+vhuseinova-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/src/components/styles/MessageThread.styles.ts b/packages/react-components/src/components/styles/MessageThread.styles.ts
@@ -61,6 +61,8 @@ export const noMessageStatusStyle = mergeStyles({
  */
 export const useChatStyles = makeStyles({
   root: {
+    // chat components sets max width value to 1056px, override it to 100%
+    maxWidth: '100%',
     paddingTop: '0.8rem',
     paddingBottom: '0.5rem',
     paddingRight: '0.6rem',
