diff --git a/src/public/app/layouts/desktop_layout.js b/src/public/app/layouts/desktop_layout.js
index 907a1707c..35087fb31 100644
--- a/src/public/app/layouts/desktop_layout.js
+++ b/src/public/app/layouts/desktop_layout.js
@@ -122,7 +122,20 @@ export default class DesktopLayout {
                         .collapsible()
                         .id('center-pane')
                         .child(new SplitNoteContainer(() =>
-                                new NoteWrapperWidget()                                    
+                                new NoteWrapperWidget()
+                                    .child(new FlexContainer('row').class('title-row')
+                                        .css("height", "50px")
+                                        .css("min-height", "50px")
+                                        .css('align-items', "center")
+                                        .cssBlock('.title-row > * { margin: 5px; }')
+                                        .child(new NoteIconWidget())
+                                        .child(new NoteTitleWidget())
+                                        .child(new SpacerWidget(0, 1))
+                                        .child(new MovePaneButton(true))
+                                        .child(new MovePaneButton(false))
+                                        .child(new ClosePaneButton())
+                                        .child(new CreatePaneButton())
+                                    )
                                     .child(
                                         new RibbonContainer()
                                             // the order of the widgets matter. Some of these want to "activate" themselves
@@ -162,20 +175,7 @@ export default class DesktopLayout {
                                     .child(new MermaidWidget())
                                     .child(                                        
                                         new ScrollingContainer()
-                                            .filling()
-                                            .child(new FlexContainer('row').class('title-row')
-                                                .css("height", "50px")
-                                                .css("min-height", "50px")
-                                                .css('align-items', "center")
-                                                .cssBlock('.title-row > * { margin: 5px; }')
-                                                .child(new NoteIconWidget())
-                                                .child(new NoteTitleWidget())
-                                                .child(new SpacerWidget(0, 1))
-                                                .child(new MovePaneButton(true))
-                                                .child(new MovePaneButton(false))
-                                                .child(new ClosePaneButton())
-                                                .child(new CreatePaneButton())
-                                            )
+                                            .filling()                                            
                                             .child(new PromotedAttributesWidget())
                                             .child(new SqlTableSchemasWidget())
                                             .child(new NoteDetailWidget())