diff --git a/packages/midi-bricks/src/components/menu-app-bar/MenuAppBarCmp.jsx b/packages/midi-bricks/src/components/menu-app-bar/MenuAppBarCmp.jsx
index 56e938d59..ee2538540 100644
--- a/packages/midi-bricks/src/components/menu-app-bar/MenuAppBarCmp.jsx
+++ b/packages/midi-bricks/src/components/menu-app-bar/MenuAppBarCmp.jsx
@@ -147,15 +147,6 @@ function MenuAppBarCmp(props) {
               />
             </>
           )}
-          <ToolTipIconButton
-            handleClick={() => dispatch(thunkUndoRedo({ offset: -1 }))}
-            title='Undo'
-            icon={<UndoIcon />}
-            isInvisible={
-              !JSON.parse(window.sessionStorage.getItem('history')) ||
-              JSON.parse(window.sessionStorage.getItem('history')).length < 1
-            }
-          />
           {pageType === PAGE_TYPES.GLOBAL_MODE && (
             <>
               <Typography className={classes.typoColorStyle}>
@@ -286,6 +277,16 @@ function MenuAppBarCmp(props) {
                 isInvisible={!isMidiLearnMode || isLayoutMode}
                 icon={<CancelIcon />}
               />
+              <ToolTipIconButton
+                handleClick={() => dispatch(thunkUndoRedo({ offset: -1 }))}
+                title='Undo'
+                icon={<UndoIcon />}
+                isInvisible={
+                  !JSON.parse(window.sessionStorage.getItem('history')) ||
+                  JSON.parse(window.sessionStorage.getItem('history')).length <
+                    1
+                }
+              />
             </Fragment>
           )}
         </Toolbar>