From aed247f44cc40206c40bbbefe32b38122b8ae49d Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Fri, 26 Mar 2021 11:43:41 +0000
Subject: [PATCH] Move toast detail to a new line

---
 src/components/views/toasts/GenericToast.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/views/toasts/GenericToast.tsx b/src/components/views/toasts/GenericToast.tsx
index 200c88875e..209babbf9d 100644
--- a/src/components/views/toasts/GenericToast.tsx
+++ b/src/components/views/toasts/GenericToast.tsx
@@ -40,13 +40,14 @@ const GenericToast: React.FC<XOR<IPropsExtended, IProps>> = ({
     onAccept,
     onReject,
 }) => {
-    const detailContent = detail ? <span className="mx_Toast_detail">
+    const detailContent = detail ? <div className="mx_Toast_detail">
         {detail}
-    </span> : null;
+    </div> : null;
 
     return <div>
         <div className="mx_Toast_description">
-            {description}&nbsp;{detailContent}
+            {description}
+            {detailContent}
         </div>
         <div className="mx_Toast_buttons" aria-live="off">
             {onReject && rejectLabel && <FormButton label={rejectLabel} kind="danger" onClick={onReject} /> }