diff --git a/ts/routes/editor/NoteEditor.svelte b/ts/routes/editor/NoteEditor.svelte
index 04088d65d..8438ad1ce 100644
--- a/ts/routes/editor/NoteEditor.svelte
+++ b/ts/routes/editor/NoteEditor.svelte
@@ -1377,7 +1377,7 @@ components and functionality for general note editing.
         />
     {/if}
 
-    <EditorToolbar {size} {wrap} api={toolbar}>
+    <EditorToolbar {size} {wrap} {isLegacy} api={toolbar}>
         <svelte:fragment slot="notetypeButtons">
             {#if mode === "browser"}
                 <ButtonGroupItem>
diff --git a/ts/routes/editor/editor-toolbar/EditorToolbar.svelte b/ts/routes/editor/editor-toolbar/EditorToolbar.svelte
index 10d11b28e..95fa29bcd 100644
--- a/ts/routes/editor/editor-toolbar/EditorToolbar.svelte
+++ b/ts/routes/editor/editor-toolbar/EditorToolbar.svelte
@@ -64,6 +64,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import TemplateButtons from "./TemplateButtons.svelte";
     import type { InlineButtonsAPI } from "./InlineButtons.svelte";
 
+    export let isLegacy = false;
     export let size: number;
     export let wrap: boolean;
 
@@ -105,7 +106,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             </Item>
 
             <Item id="settings">
-                <OptionsButtons api={optionsButtons} />
+                <OptionsButtons api={optionsButtons} {isLegacy} />
             </Item>
 
             <Item id="inlineFormatting">
diff --git a/ts/routes/editor/editor-toolbar/OptionsButton.svelte b/ts/routes/editor/editor-toolbar/OptionsButton.svelte
index b2bc3c983..7be70076a 100644
--- a/ts/routes/editor/editor-toolbar/OptionsButton.svelte
+++ b/ts/routes/editor/editor-toolbar/OptionsButton.svelte
@@ -17,7 +17,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import { shrinkImagesByDefault } from "../image-overlay/ImageOverlay.svelte";
     import { closeHTMLTags } from "../plain-text-input/PlainTextInput.svelte";
     import { setColConfig } from "@tslib/profile";
+    import { bridgeCommand } from "@tslib/bridgecommand";
 
+    export let isLegacy = false;
     let showFloating = false;
 
     function toggleShrinkImages(_evt: MouseEvent): void {
@@ -28,8 +30,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     function toggleShowMathjax(_evt: MouseEvent): void {
         mathjaxConfig.enabled = !mathjaxConfig.enabled;
-        setColConfig("renderMathjax", mathjaxConfig.enabled);
-        // FIXME: refresh
+        if (isLegacy) {
+            bridgeCommand("toggleMathjax");
+        } else {
+            setColConfig("renderMathjax", mathjaxConfig.enabled);
+            // FIXME: refresh
+        }
     }
 
     function toggleCloseHTMLTags(_evt: MouseEvent): void {
diff --git a/ts/routes/editor/editor-toolbar/OptionsButtons.svelte b/ts/routes/editor/editor-toolbar/OptionsButtons.svelte
index f85520103..225f76b95 100644
--- a/ts/routes/editor/editor-toolbar/OptionsButtons.svelte
+++ b/ts/routes/editor/editor-toolbar/OptionsButtons.svelte
@@ -14,6 +14,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import OptionsButton from "./OptionsButton.svelte";
 
     export let api = {};
+    export let isLegacy = false;
 </script>
 
 <ButtonGroup>
@@ -25,7 +26,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         {api}
     >
         <ButtonGroupItem id="options">
-            <OptionsButton />
+            <OptionsButton {isLegacy} />
         </ButtonGroupItem>
     </DynamicallySlottable>
 </ButtonGroup>