From 734f83470c36b5b005d737bac358aaa2ebb88e72 Mon Sep 17 00:00:00 2001
From: Rahul Mohata <54268438+Rahulm2310@users.noreply.github.com>
Date: Sat, 9 May 2020 20:51:01 +0530
Subject: [PATCH] Desktop, Mobile: Fixes #3109: Fixed background color on large
 Mermaid graphs (#3111)

---
 .../lib/joplin-renderer/MdToHtml/rules/mermaid_render.js        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/mermaid_render.js b/ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/mermaid_render.js
index bed3f31329..ed0e77026e 100644
--- a/ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/mermaid_render.js
+++ b/ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/mermaid_render.js
@@ -18,7 +18,7 @@ function mermaidInit() {
 		// Resetting elements size - see mermaid.ts
 		const elements = document.getElementsByClassName('mermaid');
 		for (const element of elements) {
-			element.style.width = '100%';
+			element.style.width = 'fit-content';
 		}
 	}
 }