Fix div-inside-of-p issue in field errors (#1848)

fix: make ScreenReaderText a span for semantics
okta · Jun 23, 2023 · 0665558 · 0665558
1 parent 7aeaf10
commit 0665558
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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);