wysiwyg fallback radius

client/res/templates/fields/wysiwyg/detail.tpl

@@ -1,6 +1,6 @@
 {{#unless isPlain}}
     {{#if useIframe}}
-    <iframe frameborder="0" style="width: 100%; overflow-x: hidden; overflow-y: hidden;" class="hidden"></iframe>
+    <iframe frameborder="0" style="width: 100%; overflow-x: hidden; overflow-y: hidden;" class="hidden wysiwyg"></iframe>
     {{else}}
     <div class="html-container">{{{value}}}</div>
     {{/if}}

client/src/views/fields/wysiwyg.js

@@ -307,6 +307,10 @@ define('views/fields/wysiwyg', ['views/fields/text', 'lib!Summernote'], function
 
             let useFallbackStylesheet = this.getThemeManager().getParam('isDark') && this.htmlHasColors(body);
 
+            useFallbackStylesheet ?
+                $iframe.addClass('fallback') :
+                $iframe.removeClass('fallback');
+
             var linkElement = iframeElement.contentWindow.document.createElement('link');
 
             linkElement.type = 'text/css';

frontend/less/espo/custom.less

@@ -3313,6 +3313,10 @@ a.close:hover {
     scrollbar-width: thin;
 }
 
+iframe.wysiwyg.fallback {
+    border-radius: var(--border-radius);
+}
+
 * {
     scrollbar-width: auto;
     scrollbar-color: var(--scroll-thumb-bg) var(--scroll-bg);