diff --git a/change-beta/@azure-communication-react-c93d7b33-4252-4b25-82b3-44c23230f486.json b/change-beta/@azure-communication-react-c93d7b33-4252-4b25-82b3-44c23230f486.json
new file mode 100644
index 00000000000..29ca81ecba4
--- /dev/null
+++ b/change-beta/@azure-communication-react-c93d7b33-4252-4b25-82b3-44c23230f486.json
@@ -0,0 +1,9 @@
+{
+  "type": "prerelease",
+  "area": "feature",
+  "workstream": "RTT",
+  "comment": "Add expand button for mobile ",
+  "packageName": "@azure/communication-react",
+  "email": "96077406+carocao-msft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/communication-react/review/beta/communication-react.api.md b/packages/communication-react/review/beta/communication-react.api.md
index ea902b3e459..cf114a22492 100644
--- a/packages/communication-react/review/beta/communication-react.api.md
+++ b/packages/communication-react/review/beta/communication-react.api.md
@@ -827,9 +827,11 @@ export interface CallCompositeStrings {
     cameraTurnedOff: string;
     capabilityChangedNotification?: CapabilityChangedNotificationStrings;
     captionLanguageStrings?: CaptionLanguageStrings;
+    captionsAndRealTimeTextContainerTitle?: string;
     captionsBannerMoreButtonCallingLabel?: string;
     captionsBannerMoreButtonTooltip?: string;
     captionsBannerSpinnerText?: string;
+    captionsOnlyContainerTitle?: string;
     captionsSettingsCancelButtonLabel?: string;
     captionsSettingsCaptionLanguageDropdownInfoText?: string;
     captionsSettingsCaptionLanguageDropdownLabel?: string;
@@ -880,6 +882,7 @@ export interface CallCompositeStrings {
     endOfSurveyText: string;
     exitSpotlightButtonLabel: string;
     exitSpotlightButtonTooltip: string;
+    expandButtonAriaLabel?: string;
     failedToJoinCallDueToNoNetworkMoreDetails?: string;
     failedToJoinCallDueToNoNetworkTitle: string;
     failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails?: string;
@@ -923,6 +926,7 @@ export interface CallCompositeStrings {
     manyUnnamedParticipantsLeft: string;
     microphonePermissionDenied: string;
     microphoneToggleInLobbyNotAllowed: string;
+    minimizeButtonAriaLabel?: string;
     moreButtonCallingLabel: string;
     moreButtonGalleryControlLabel?: string;
     moreButtonGalleryDefaultLayoutLabel?: string;
@@ -992,6 +996,7 @@ export interface CallCompositeStrings {
     realTimeTextModalAriaLabel: string;
     realTimeTextModalText: string;
     realTimeTextModalTitle: string;
+    realTimeTextOnlyContainerTitle?: string;
     rejoinCallButtonLabel: string;
     removeBackgroundEffectButtonLabel?: string;
     removeBackgroundTooltip?: string;
@@ -1905,12 +1910,17 @@ export type CaptionsBannerSelector = (state: CallClientState, props: CallingBase
 
 // @public
 export interface CaptionsBannerStrings {
+    captionsAndRealTimeTextContainerTitle?: string;
     captionsBannerSpinnerText?: string;
+    captionsOnlyContainerTitle?: string;
+    expandButtonAriaLabel?: string;
+    minimizeButtonAriaLabel?: string;
     realTimeTextBannerContent?: string;
     realTimeTextBannerLinkLabel?: string;
     realTimeTextBannerTitle?: string;
     realTimeTextInputBoxDefaultText?: string;
     realTimeTextInputErrorMessage?: string;
+    realTimeTextOnlyContainerTitle?: string;
 }
 
 // @public (undocumented)
@@ -3027,6 +3037,8 @@ export const DEFAULT_COMPONENT_ICONS: {
     IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element;
     NotificationBarTogetherModeIcon: React_2.JSX.Element;
     RealTimeTextIcon: React_2.JSX.Element;
+    ExpandIcon: React_2.JSX.Element;
+    MinimizeIcon: React_2.JSX.Element;
 };
 
 // @public
@@ -3213,6 +3225,8 @@ export const DEFAULT_COMPOSITE_ICONS: {
     IncomingCallNotificationAcceptWithVideoIcon: React_2.JSX.Element;
     NotificationBarTogetherModeIcon: React_2.JSX.Element;
     RealTimeTextIcon: React_2.JSX.Element;
+    ExpandIcon: React_2.JSX.Element;
+    MinimizeIcon: React_2.JSX.Element;
 };
 
 // @beta
diff --git a/packages/react-components/src/components/CaptionsBanner.tsx b/packages/react-components/src/components/CaptionsBanner.tsx
index b8415e28f2d..7471e71d0de 100644
--- a/packages/react-components/src/components/CaptionsBanner.tsx
+++ b/packages/react-components/src/components/CaptionsBanner.tsx
@@ -25,6 +25,12 @@ import { RealTimeText } from './RealTimeText';
 import { _RTTDisclosureBanner } from './RTTDisclosureBanner';
 /* @conditional-compile-remove(rtt) */
 import { sortCaptionsAndRealTimeTexts } from './utils/sortCaptionsAndRealTimeTexts';
+/* @conditional-compile-remove(rtt) */
+import { expandIconClassName, bannerTitleContainerClassName } from './styles/Captions.style';
+/* @conditional-compile-remove(rtt) */
+import { titleClassName } from './styles/CaptionsSettingsModal.styles';
+/* @conditional-compile-remove(rtt) */
+import { Text, IconButton } from '@fluentui/react';
 
 /**
  * @public
@@ -126,6 +132,31 @@ export interface CaptionsBannerStrings {
    * Real time text disclosure banner link label
    */
   realTimeTextBannerLinkLabel?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Title for the container when only captions is enabled
+   */
+  captionsOnlyContainerTitle?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Title for the container when only real time text is enabled
+   */
+  realTimeTextOnlyContainerTitle?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Title for the container when both captions and real time text is enabled
+   */
+  captionsAndRealTimeTextContainerTitle?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Expand button aria label
+   */
+  expandButtonAriaLabel?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Minimize button aria label
+   */
+  minimizeButtonAriaLabel?: string;
 }
 
 /**
@@ -222,6 +253,19 @@ export const CaptionsBanner = (props: CaptionsBannerProps): JSX.Element => {
   const [isAtBottomOfScroll, setIsAtBottomOfScroll] = useState<boolean>(true);
   const theme = useTheme();
   /* @conditional-compile-remove(rtt) */
+  const [expandBannerHeight, setExpandBannerHeight] = useState<boolean>(false);
+  /* @conditional-compile-remove(rtt) */
+  const getTitle = (): string => {
+    if (isCaptionsOn && isRealTimeTextOn) {
+      return strings.captionsAndRealTimeTextContainerTitle ?? '';
+    } else if (isCaptionsOn) {
+      return strings.captionsOnlyContainerTitle ?? '';
+    } else if (isRealTimeTextOn) {
+      return strings.realTimeTextOnlyContainerTitle ?? '';
+    }
+    return '';
+  };
+  /* @conditional-compile-remove(rtt) */
   // merge realtimetexts and captions into one array based on timestamp
   // Combine captions and realTimeTexts into one list
   const combinedList: (CaptionsInformation | RealTimeTextInformation)[] = useMemo(() => {
@@ -337,13 +381,31 @@ export const CaptionsBanner = (props: CaptionsBannerProps): JSX.Element => {
     <>
       {(startCaptionsInProgress || /* @conditional-compile-remove(rtt) */ isRealTimeTextOn) && (
         <FocusZone shouldFocusOnMount className={captionsContainerClassName} data-ui-id="captions-banner">
+          {
+            /* @conditional-compile-remove(rtt) */ (isCaptionsOn || isRealTimeTextOn) && formFactor === 'compact' && (
+              <Stack
+                horizontal
+                horizontalAlign="space-between"
+                verticalAlign="center"
+                className={bannerTitleContainerClassName}
+              >
+                <Text className={titleClassName}>{getTitle()}</Text>
+                <IconButton
+                  iconProps={{ iconName: expandBannerHeight ? 'MinimizeIcon' : 'ExpandIcon' }}
+                  ariaLabel={expandBannerHeight ? strings.minimizeButtonAriaLabel : strings.expandButtonAriaLabel}
+                  onClick={() => setExpandBannerHeight(!expandBannerHeight)}
+                  styles={expandIconClassName(theme)}
+                />
+              </Stack>
+            )
+          }
           {(isCaptionsOn || /* @conditional-compile-remove(rtt) */ isRealTimeTextOn) && (
             <ul
               ref={captionsScrollDivRef}
               className={
                 captionsOptions?.height === 'full'
                   ? captionsBannerFullHeightClassName(theme)
-                  : captionsBannerClassName(formFactor)
+                  : captionsBannerClassName(formFactor, /* @conditional-compile-remove(rtt) */ expandBannerHeight)
               }
               data-ui-id="captions-banner-inner"
             >
diff --git a/packages/react-components/src/components/styles/Captions.style.ts b/packages/react-components/src/components/styles/Captions.style.ts
index e4dff8e67d3..9686acc4552 100644
--- a/packages/react-components/src/components/styles/Captions.style.ts
+++ b/packages/react-components/src/components/styles/Captions.style.ts
@@ -3,6 +3,8 @@
 
 import { IStackStyles, ITheme, mergeStyles } from '@fluentui/react';
 import { _pxToRem } from '@internal/acs-ui-common';
+/* @conditional-compile-remove(rtt) */
+import { IButtonStyles } from '@fluentui/react';
 
 /**
  * @private
@@ -20,6 +22,14 @@ export const displayNameClassName = mergeStyles({
   lineHeight: _pxToRem(16)
 });
 
+/* @conditional-compile-remove(rtt) */
+/**
+ * @private
+ */
+export const bannerTitleContainerClassName = mergeStyles({
+  paddingBottom: _pxToRem(10)
+});
+
 /* @conditional-compile-remove(rtt) */
 /**
  * @private
@@ -57,6 +67,23 @@ export const rttDisclosureBannerClassName = (): string => {
   });
 };
 
+/* @conditional-compile-remove(rtt) */
+/**
+ * @private
+ */
+export const expandIconClassName = (theme: ITheme): IButtonStyles => {
+  return {
+    root: {
+      color: theme.palette.neutralPrimary,
+      width: '1rem',
+      height: '1rem'
+    },
+    rootHovered: {
+      color: theme.palette.neutralDark
+    }
+  };
+};
+
 /**
  * @private
  */
@@ -74,7 +101,8 @@ export const captionsContainerClassName = mergeStyles({
   height: '100%',
   margin: 0,
   overflow: 'auto',
-  padding: 0
+  padding: 0,
+  overflowX: 'hidden'
 });
 
 /**
@@ -97,11 +125,11 @@ const resetUlStyling = {
 /**
  * @private
  */
-export const captionsBannerClassName = (formFactor: 'default' | 'compact'): string => {
+export const captionsBannerClassName = (formFactor: 'default' | 'compact', isExpanded?: boolean): string => {
   return mergeStyles({
     ...resetUlStyling,
     overflowX: 'hidden',
-    height: formFactor === 'compact' ? '4.5rem' : '8.75rem',
+    height: formFactor === 'compact' ? (isExpanded ? '40vh' : '4.5rem') : '8.75rem',
     overflowY: 'auto'
   });
 };
diff --git a/packages/react-components/src/localization/locales/en-US/strings.json b/packages/react-components/src/localization/locales/en-US/strings.json
index 0f9bf53d2b1..b54c6d4e793 100644
--- a/packages/react-components/src/localization/locales/en-US/strings.json
+++ b/packages/react-components/src/localization/locales/en-US/strings.json
@@ -85,7 +85,12 @@
     "realTimeTextInputErrorMessage": "Message can not exceed 2000 characters",
     "realTimeTextBannerTitle": "RTT",
     "realTimeTextBannerContent": "RTT (real-time text) is enabled for all participants for the entire duration of the meeting.",
-    "realTimeTextBannerLinkLabel": "Learn more"
+    "realTimeTextBannerLinkLabel": "Learn more",
+    "captionsOnlyContainerTitle": "Captions",
+    "realTimeTextOnlyContainerTitle": "Real-Time Text",
+    "captionsAndRealTimeTextContainerTitle": "Captions and Real-Time Text",
+    "expandButtonAriaLabel": "Expand",
+    "minimizeButtonAriaLabel": "Collapse"
   },
   "mentionPopover": {
     "mentionPopoverHeader": "Suggestions"
diff --git a/packages/react-components/src/theming/icons.tsx b/packages/react-components/src/theming/icons.tsx
index 140a55e621c..220e7f790a7 100644
--- a/packages/react-components/src/theming/icons.tsx
+++ b/packages/react-components/src/theming/icons.tsx
@@ -75,7 +75,7 @@ import {
 /* @conditional-compile-remove(together-mode) */
 import { PeopleAudience20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(rtt) */
-import { SlideTextCall20Regular } from '@fluentui/react-icons';
+import { SlideTextCall20Regular, ArrowMaximize20Regular, ArrowMinimize20Regular } from '@fluentui/react-icons';
 /* @conditional-compile-remove(rich-text-editor) */
 import {
   TextBold20Regular,
@@ -419,5 +419,9 @@ export const DEFAULT_COMPONENT_ICONS = {
   /* @conditional-compile-remove(together-mode) */
   NotificationBarTogetherModeIcon: <PeopleAudience20Regular />,
   /* @conditional-compile-remove(rtt) */
-  RealTimeTextIcon: <SlideTextCall20Regular />
+  RealTimeTextIcon: <SlideTextCall20Regular />,
+  /* @conditional-compile-remove(rtt) */
+  ExpandIcon: <ArrowMaximize20Regular />,
+  /* @conditional-compile-remove(rtt) */
+  MinimizeIcon: <ArrowMinimize20Regular />
 };
diff --git a/packages/react-composites/src/composites/CallComposite/Strings.tsx b/packages/react-composites/src/composites/CallComposite/Strings.tsx
index 282f61011e0..4d653364916 100644
--- a/packages/react-composites/src/composites/CallComposite/Strings.tsx
+++ b/packages/react-composites/src/composites/CallComposite/Strings.tsx
@@ -584,6 +584,31 @@ export interface CallCompositeStrings {
    * Label for the link in the real time text disclosure banner
    */
   realTimeTextBannerLinkLabel?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Title for the container when only captions is enabled
+   */
+  captionsOnlyContainerTitle?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Title for the container when only real time text is enabled
+   */
+  realTimeTextOnlyContainerTitle?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Title for the container when both captions and real time text is enabled
+   */
+  captionsAndRealTimeTextContainerTitle?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Expand button aria label
+   */
+  expandButtonAriaLabel?: string;
+  /* @conditional-compile-remove(rtt) */
+  /**
+   * Minimize button aria label
+   */
+  minimizeButtonAriaLabel?: string;
   /**
    * transfer page text when showing the transferor who initiated the transfer
    */
diff --git a/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx b/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx
index 3071ff6e376..65ccfcdfce7 100644
--- a/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx
+++ b/packages/react-composites/src/composites/common/CallingCaptionsBanner.tsx
@@ -66,7 +66,17 @@ export const CallingCaptionsBanner = (props: {
     /* @conditional-compile-remove(rtt) */
     realTimeTextBannerTitle: strings.realTimeTextBannerTitle,
     /* @conditional-compile-remove(rtt) */
-    realTimeTextBannerLinkLabel: strings.realTimeTextBannerLinkLabel
+    realTimeTextBannerLinkLabel: strings.realTimeTextBannerLinkLabel,
+    /* @conditional-compile-remove(rtt) */
+    captionsOnlyContainerTitle: strings.captionsOnlyContainerTitle,
+    /* @conditional-compile-remove(rtt) */
+    realTimeTextOnlyContainerTitle: strings.realTimeTextOnlyContainerTitle,
+    /* @conditional-compile-remove(rtt) */
+    captionsAndRealTimeTextContainerTitle: strings.captionsAndRealTimeTextContainerTitle,
+    /* @conditional-compile-remove(rtt) */
+    expandButtonAriaLabel: strings.expandButtonAriaLabel,
+    /* @conditional-compile-remove(rtt) */
+    minimizeButtonAriaLabel: strings.minimizeButtonAriaLabel
   };
 
   const onRenderAvatar = useCallback(
diff --git a/packages/react-composites/src/composites/localization/locales/en-US/strings.json b/packages/react-composites/src/composites/localization/locales/en-US/strings.json
index cb146fac064..4c42e6d340d 100644
--- a/packages/react-composites/src/composites/localization/locales/en-US/strings.json
+++ b/packages/react-composites/src/composites/localization/locales/en-US/strings.json
@@ -229,6 +229,11 @@
     "realTimeTextConfirmButtonLabel": "Turn on",
     "realTimeTextCancelButtonLabel": "Cancel",
     "realTimeTextCloseModalButtonAriaLabel": "Close RTT Modal",
+    "captionsOnlyContainerTitle": "Captions",
+    "realTimeTextOnlyContainerTitle": "Real-Time Text",
+    "captionsAndRealTimeTextContainerTitle": "Captions and Real-Time Text",
+    "expandButtonAriaLabel": "Expand",
+    "minimizeButtonAriaLabel": "Collapse",
     "transferPageTransferorText": "Transferring...",
     "transferPageTransferTargetText": "Connecting...",
     "transferPageUnknownTransferorDisplayName": "Unknown",
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Landscape-linux.png
index a34c6ad6e7a..8afa972338a 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Portrait-linux.png
index 765d7aa25c4..27e0993b2df 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-settings-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Landscape-linux.png
index a34c6ad6e7a..8afa972338a 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Portrait-linux.png
index 765d7aa25c4..27e0993b2df 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/caption-toggle-button-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png
index f4fc895b9a8..e758530f298 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png
index 89837e37875..1331e431ae8 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png
index 81b530b970e..87e77fc9457 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png
index f3b022bc317..959901cad5b 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png
index f4fc895b9a8..e758530f298 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png
index 89837e37875..1331e431ae8 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png
index 81b530b970e..87e77fc9457 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png
index f3b022bc317..959901cad5b 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Landscape-linux.png
index 04d83c937a8..8818d7fe7a8 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Portrait-linux.png
index c1c07b32e14..eee9ce690ed 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-settings-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Landscape-linux.png
index 04d83c937a8..8818d7fe7a8 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Portrait-linux.png
index c1c07b32e14..eee9ce690ed 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/call/hermetic/TeamsClosedCaptions.test.ts-snapshots/teams-caption-toggle-button-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png
index 21b422158aa..dc8f89e8a38 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png
index 8f09ee7f903..308e1538cdb 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png
index afa30120f3f..bed32a9186b 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png
index ec55b74a28e..e1a345de30d 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/ClosedCaptions.test.ts-snapshots/show-captions-RTL-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png
index 21b422158aa..dc8f89e8a38 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png
index 8f09ee7f903..308e1538cdb 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-Mobile-Android-Portrait-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png
index afa30120f3f..bed32a9186b 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Landscape-linux.png differ
diff --git a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png
index ec55b74a28e..e1a345de30d 100644
Binary files a/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png and b/packages/react-composites/tests/browser/snapshots/beta/tests/browser/callwithchat/hermetic/TeamsClosedCaptions.test.ts-snapshots/show-teams-captions-RTL-Mobile-Android-Portrait-linux.png differ