Merge pull request #33388 from Deepesh123455/fix/oauth-dom-nesting-warning

fix(core-components): resolve DOM nesting warning in OAuthRequestDialog

.changeset/lazy-jars-shake.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Resolved DOM nesting warning in OAuthRequestDialog by rendering secondary text as block-level spans.

packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx

@@ -92,11 +92,20 @@ const LoginRequestListItem = ({ request, busy, setBusy }: RowProps) => {
             secondary={
               <>
                 {message && (
-                  <Typography variant="subtitle2" color="textSecondary">
+                  <Typography
+                    variant="subtitle2"
+                    component="span"
+                    display="block"
+                    color="textSecondary"
+                  >
                     {message}
                   </Typography>
                 )}
-                {error && <Typography color="error">{error}</Typography>}
+                {error && (
+                  <Typography component="span" display="block" color="error">
+                    {error}
+                  </Typography>
+                )}
               </>
             }
           />