From 5d0b16508e4389bd72bf1dae2e34cbc8adacc44d Mon Sep 17 00:00:00 2001
From: Dany Khalife <dev@dkhalife.com>
Date: Fri, 3 Apr 2026 19:44:59 -0700
Subject: [PATCH] fix: wrap account deletion alert text to prevent 3-column
 layout

MUI Joy Alert uses flexbox, causing mixed text and <strong> children
to render as separate flex items. Wrapping in a <span> keeps the
message as a single inline flow.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 frontend/src/views/Settings/AccountDeletion.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/Settings/AccountDeletion.tsx b/frontend/src/views/Settings/AccountDeletion.tsx
index 648a62e..e4ba901 100644
--- a/frontend/src/views/Settings/AccountDeletion.tsx
+++ b/frontend/src/views/Settings/AccountDeletion.tsx
@@ -82,10 +82,12 @@ class AccountDeletionImpl extends React.Component<
               startDecorator={<WarningAmberRounded />}
               sx={{ mb: 1 }}
             >
-              Your account is scheduled for permanent deletion on{' '}
-              <strong>{this.formatDeletionTime(deletionRequestedAt!)}</strong>.
-              All your tasks, labels, and data will be permanently erased. You
-              can cancel below to restore full access.
+              <span>
+                Your account is scheduled for permanent deletion on{' '}
+                <strong>{this.formatDeletionTime(deletionRequestedAt!)}</strong>.
+                All your tasks, labels, and data will be permanently erased. You
+                can cancel below to restore full access.
+              </span>
             </Alert>
             <Button
               color='neutral'