diff --git a/common/changes/@itwin/appui-react/mergify-bp-release-3.6.x-pr-5085_2023-02-16-19-08.json b/common/changes/@itwin/appui-react/mergify-bp-release-3.6.x-pr-5085_2023-02-16-19-08.json
new file mode 100644
index 000000000000..79bb6fbdcc91
--- /dev/null
+++ b/common/changes/@itwin/appui-react/mergify-bp-release-3.6.x-pr-5085_2023-02-16-19-08.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@itwin/appui-react",
+      "comment": "Fix react briefMessage in toasts",
+      "type": "none"
+    }
+  ],
+  "packageName": "@itwin/appui-react"
+}
\ No newline at end of file
diff --git a/ui/appui-react/src/appui-react/messages/MessageManager.tsx b/ui/appui-react/src/appui-react/messages/MessageManager.tsx
index 997f0c5bceeb..1e32f3f8415d 100644
--- a/ui/appui-react/src/appui-react/messages/MessageManager.tsx
+++ b/ui/appui-react/src/appui-react/messages/MessageManager.tsx
@@ -254,12 +254,9 @@ export class MessageManager {
     };
     toaster.setSettings({ placement: "bottom", order: "ascending", ...settings });
     const content = <>
-      {message.briefMessage}
+      {(message.briefMessage as ReactMessage).reactNode || message.briefMessage}
       {message.detailedMessage &&
-      <>
-        <br/>
-        <Small>{(message.detailedMessage as ReactMessage).reactNode || message.detailedMessage}</Small>
-      </>
+        <Small style={{display: "block"}}>{(message.detailedMessage as ReactMessage).reactNode || message.detailedMessage}</Small>
       }
     </>;
     switch (message.priority) {