diff --git a/ts/components/basic/StyledI18nSubText.tsx b/ts/components/basic/StyledI18nSubText.tsx
index 56a28c0b7..696d03f5b 100644
--- a/ts/components/basic/StyledI18nSubText.tsx
+++ b/ts/components/basic/StyledI18nSubText.tsx
@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { forwardRef } from 'react';
+import { SessionDataTestId } from 'react';
 import { Localizer } from './Localizer';
 import type { LocalizerComponentProps, LocalizerToken } from '../../types/localizer';
 
@@ -15,13 +15,18 @@ const StyledI18nSubTextContainer = styled('div')`
   padding-inline: var(--margins-lg);
 `;
 
-export const StyledI18nSubText = forwardRef<
-  HTMLSpanElement,
-  LocalizerComponentProps<LocalizerToken>
->(({ className, ...props }) => {
+export const StyledI18nSubText = ({
+  className,
+  dataTestId,
+  localizerProps,
+}: {
+  className?: string;
+  dataTestId: SessionDataTestId;
+  localizerProps: LocalizerComponentProps<LocalizerToken>;
+}) => {
   return (
-    <StyledI18nSubTextContainer className={className}>
-      <Localizer {...props} />
+    <StyledI18nSubTextContainer className={className} data-testid={dataTestId}>
+      <Localizer {...localizerProps} />
     </StyledI18nSubTextContainer>
   );
-});
+};
diff --git a/ts/components/dialog/OpenUrlModal.tsx b/ts/components/dialog/OpenUrlModal.tsx
index fe9353e85..75918cfd4 100644
--- a/ts/components/dialog/OpenUrlModal.tsx
+++ b/ts/components/dialog/OpenUrlModal.tsx
@@ -47,7 +47,10 @@ export function OpenUrlModal(props: OpenUrlModalState) {
     >
       <div className="session-modal__centered">
         <StyledScrollDescriptionContainer>
-          <StyledI18nSubText token="urlOpenDescription" asTag="span" args={{ url }} />
+          <StyledI18nSubText
+            localizerProps={{ token: 'urlOpenDescription', asTag: 'span', args: { url } }}
+            dataTestId="modal-description"
+          />
         </StyledScrollDescriptionContainer>
       </div>
       <SpacerMD />
diff --git a/ts/components/dialog/QuitModal.tsx b/ts/components/dialog/QuitModal.tsx
index 828c6c473..6ea33fb92 100644
--- a/ts/components/dialog/QuitModal.tsx
+++ b/ts/components/dialog/QuitModal.tsx
@@ -85,7 +85,10 @@ export const QuitModal = (props: SessionConfirmDialogProps) => {
           style={modalStyle}
         >
           <SpacerLG />
-          <StyledI18nSubText {...i18nMessage}></StyledI18nSubText>
+          <StyledI18nSubText
+            localizerProps={i18nMessage}
+            dataTestId="modal-description"
+          ></StyledI18nSubText>
           <SpacerLG />
         </Flex>
       ) : null}
diff --git a/ts/components/dialog/SessionConfirm.tsx b/ts/components/dialog/SessionConfirm.tsx
index 2657cfa2a..04aa99c75 100644
--- a/ts/components/dialog/SessionConfirm.tsx
+++ b/ts/components/dialog/SessionConfirm.tsx
@@ -132,7 +132,7 @@ export const SessionConfirm = (props: SessionConfirmDialogProps) => {
 
       <div className="session-modal__centered">
         {i18nMessage ? (
-          <StyledI18nSubText {...i18nMessage} data-testid="modal-description" />
+          <StyledI18nSubText localizerProps={i18nMessage} dataTestId="modal-description" />
         ) : null}
         {radioOptions && chosenOption !== '' ? (
           <SessionRadioGroup