diff --git a/webapp/static/clients/codemirror/grail.html b/webapp/static/clients/codemirror/grail.html
index 3694cae..e7944df 100644
--- a/webapp/static/clients/codemirror/grail.html
+++ b/webapp/static/clients/codemirror/grail.html
@@ -24,15 +24,6 @@
 <body>
     <div class="page-wrap">
         <header class="page-header">
-
-            <h4> XQuery 4.0 LSP client 
-            <quiet-toggle-icon id="tConnect" label="Connection status" size="lg"
-                style="--checked-color: green;--unchecked-color: red;">
-                <quiet-icon slot="unchecked" name="network-off" family="outline"></quiet-icon>
-                <quiet-icon slot="checked" name="network" family="outline"></quiet-icon>
-            </quiet-toggle-icon>
-            <quiet-tooltip id="tipConnect" for="tConnect">I'm a tooltip</quiet-tooltip>
-</h4>
             <quiet-button-group>
                 <quiet-button id="bnNew" title="New file">
                     <quiet-icon slot="start" name="file"></quiet-icon>New
@@ -46,10 +37,19 @@
                 <quiet-button id="popover__url" title="Open web file">
                     <quiet-icon slot="start" name="link"></quiet-icon>Web
                 </quiet-button>
-
-
             </quiet-button-group>
 
+            <div>
+                <span class="quiet-h4">XQuery 4.0 LSP client</span>
+                <quiet-toggle-icon id="tConnect" label="Connection status" size="lg"
+                    style="--checked-color: green;--unchecked-color: red;">
+                    <quiet-icon slot="unchecked" name="network-off" family="outline"></quiet-icon>
+                    <quiet-icon slot="checked" name="network" family="outline"></quiet-icon>
+                </quiet-toggle-icon>
+                <quiet-tooltip id="tipConnect" for="tConnect">I'm a tooltip</quiet-tooltip>
+            </div>
+
+
             <quiet-button-group>
                 <quiet-dropdown>
                     <quiet-button slot="trigger" with-caret>Links</quiet-button>
