From 320eed3a6c46d32ebd0e26c16628731d92720395 Mon Sep 17 00:00:00 2001
From: Deepesh123455 <deepeshthakur802@gmail.com>
Date: Tue, 17 Mar 2026 14:08:58 +0530
Subject: [PATCH] fix(core-components): address layout feedback and add
 changeset

Signed-off-by: Deepesh123455 <deepeshthakur802@gmail.com>
---
 .changeset/lazy-jars-shake.md                                | 5 +++++
 .../components/OAuthRequestDialog/LoginRequestListItem.tsx   | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/lazy-jars-shake.md

diff --git a/.changeset/lazy-jars-shake.md b/.changeset/lazy-jars-shake.md
new file mode 100644
index 0000000000..f63191f1bf
--- /dev/null
+++ b/.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.
diff --git a/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx b/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx
index 9bd1eead73..0067f2d82c 100644
--- a/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx
+++ b/packages/core-components/src/components/OAuthRequestDialog/LoginRequestListItem.tsx
@@ -95,13 +95,14 @@ const LoginRequestListItem = ({ request, busy, setBusy }: RowProps) => {
                   <Typography
                     variant="subtitle2"
                     component="span"
+                    display="block"
                     color="textSecondary"
                   >
                     {message}
                   </Typography>
                 )}
                 {error && (
-                  <Typography component="span" color="error">
+                  <Typography component="span" display="block" color="error">
                     {error}
                   </Typography>
                 )}