diff --git a/docs/src/demos/Examples/Default/React/index.jsx b/docs/src/demos/Examples/Default/React/index.jsx
index 8fb12656..e3893834 100644
--- a/docs/src/demos/Examples/Default/React/index.jsx
+++ b/docs/src/demos/Examples/Default/React/index.jsx
@@ -9,6 +9,12 @@ const MenuBar = () => {
 
   return (
     <>
+      <button
+        onClick={() => editor.chain().focus().toggleBold().run()}
+        className={`${editor.isActive('bold') ? 'is-active' : ''}`}
+      >
+        bold
+      </button>
       <button
         onClick={() => editor.chain().focus().toggleItalic().run()}
         className={`${editor.isActive('italic') ? 'active' : ''}`}
@@ -111,12 +117,6 @@ const MenuBar = () => {
       <button onClick={() => editor.chain().focus().redo().run()}>
         redo
       </button>
-      <button
-        onClick={() => editor.chain().focus().toggleBold().run()}
-        className={`${editor.isActive('bold') ? 'is-active' : ''}`}
-      >
-        bold
-      </button>
     </>
   )
 }