diff --git a/packages/odyssey-react-mui/src/ScreenReaderText.tsx b/packages/odyssey-react-mui/src/ScreenReaderText.tsx
index 287a07510f..5a604eb68d 100644
--- a/packages/odyssey-react-mui/src/ScreenReaderText.tsx
+++ b/packages/odyssey-react-mui/src/ScreenReaderText.tsx
@@ -28,7 +28,9 @@ export type ScreenReaderTextProps = {
 const style = { ...visuallyHidden };
 
 const ScreenReaderText = ({ children }: ScreenReaderTextProps) => (
-  <Box sx={style}>{children}</Box>
+  <Box sx={style} component="span">
+    {children}
+  </Box>
 );
 
 const MemoizedScreenReaderText = memo(ScreenReaderText);