Fix background color styling when scrolling beyond 100% (#5993)

* Fix background color styling when scrolling beyond 100%

* change file

* Update packages/react-composites CallComposite browser test snapshots

* Update packages/react-composites CallComposite browser test snapshots

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: JamesBurnside

change/@azure-communication-react-707f81ba-982d-4b92-a892-d1d990be322b.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "",
+  "comment": "Fix background color of the survey on high percentage zooms and smaller screens",
+  "packageName": "@azure/communication-react",
+  "email": "2684369+JamesBurnside@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/common/styles/Survey.styles.ts

@@ -22,17 +22,13 @@ export const surveyContainerStyle = (isMobile: boolean): string =>
   mergeStyles(
     isMobile
       ? {
-          width: '20rem',
-          position: 'absolute',
-          top: '10%',
-          left: '50%',
-          transform: 'translateX(-50%)'
+          maxWidth: '20rem',
+          margin: '0 auto',
+          justifyContent: 'center'
         }
       : {
-          width: '24rem',
-          position: 'absolute',
-          top: '20%',
-          left: '50%',
-          transform: 'translateX(-50%)'
+          maxWidth: '24rem',
+          margin: '0 auto',
+          justifyContent: 'center'
         }
   );