diff --git a/apps/client/src/widgets/type_widgets/helpers/SplitEditor.tsx b/apps/client/src/widgets/type_widgets/helpers/SplitEditor.tsx
index 42d0d5ecf..ba0ed668a 100644
--- a/apps/client/src/widgets/type_widgets/helpers/SplitEditor.tsx
+++ b/apps/client/src/widgets/type_widgets/helpers/SplitEditor.tsx
@@ -47,8 +47,8 @@ export default function SplitEditor({ note, error, splitOptions, previewContent,
     );
 
     const preview = (
-        <div className={`note-detail-split-preview-col ${error ? "on-error" : ""}`}>
-            <div className="note-detail-split-preview">
+        <div className="note-detail-split-preview-col">
+            <div className={`note-detail-split-preview ${error ? "on-error" : ""}`}>
                 {previewContent}
             </div>
             <div className="btn-group btn-group-sm map-type-switcher content-floating-buttons preview-buttons bottom-right" role="group">
diff --git a/apps/client/src/widgets/type_widgets/helpers/SvgSplitEditor.tsx b/apps/client/src/widgets/type_widgets/helpers/SvgSplitEditor.tsx
index 8f45d806c..3896c03c6 100644
--- a/apps/client/src/widgets/type_widgets/helpers/SvgSplitEditor.tsx
+++ b/apps/client/src/widgets/type_widgets/helpers/SvgSplitEditor.tsx
@@ -33,7 +33,7 @@ export default function SvgSplitEditor({ renderSvg, ...props }: SvgSplitEditorPr
 
     return (
         <SplitEditor
-            error="Hi there"
+            error={error}
             onContentChanged={onContentChanged}
             previewContent={(
                 <RawHtmlBlock className="render-container" html={svg} />