diff --git a/webapp/static/clients/codemirror/index.html b/webapp/static/clients/codemirror/index.html
index 0acc286..d0b3fbd 100644
--- a/webapp/static/clients/codemirror/index.html
+++ b/webapp/static/clients/codemirror/index.html
@@ -41,7 +41,7 @@
     <div class="container-fluid">
         <div class="row " style="overflow:hidden">
             <div class="col-2">
-                <div id="msg"> </div>
+                <div id="msg">(msgs)</div>
                 <select id="load">
                     <option selected value="">load..</option>
                     <optgroup label="XQuery3">
@@ -65,24 +65,25 @@
 
                     </optgroup>
                 </select>
-                <label for="symbols">Symbols:</label><select id="symbols" disabled="disabled"></select>
+
                 <ul id="traffic" style="overflow: scroll;">
                     <li>-</li>
                 </ul>
             </div>
 
             <div class="col flex-grow-1" style="overflow: auto;">
-                <div>
-                    <select id="language">
-                        <option selected>Language</option>
-                        <option value="plaintext">plaintext</option>
-                        <option value="xquery">xquery</option>
-                        <option value="xml">xml</option>
-                    </select>
-                    <label for="file">File:</label>
-                    <input id="iFile" type="url" value="file:///some/file.xqm" />
-
-
+                <div >
+                 
+                        <label for="file">File:</label>
+                        <input id="iFile" type="url" value="file:///some/file.xqm" />
+                        <select id="language">
+                            <option selected>Language</option>
+                            <option value="plaintext">plaintext</option>
+                            <option value="xquery">xquery</option>
+                            <option value="xml">xml</option>
+                        </select>
+                        <label for="symbols">Symbols:</label><select id="symbols" disabled="disabled"></select>
+                   
                     <!--  <div class="btn-group mr-2" role="group" aria-label="First group">
                             <button type="button" class="btn btn-secondary">1</button>
                             <button type="button" class="btn btn-secondary">2</button>
@@ -111,10 +112,9 @@
     </div>
     <!-- Popovers -->
     <dialog id="popConnect" popover>
-        <div class="modal-header">
-            <h5 class="modal-title">Connect to LSP</h5>
+        <header>Connect to LSP
             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
+        </header>
         <div class="modal-body">
             <div id="state">🔴</div>
             <input id="iServer" type="text" value="ws://localhost:3000/ws/lsp" style="width:25em" />
@@ -125,10 +125,9 @@
     </dialog>
 
     <dialog id="popSettings" popover>
-        <div class="modal-header">
-            <h5 class="modal-title">Editor configuration</h5>
+        <header>Editor configuration
             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-        </div>
+        </header>
         <div class="modal-body">
             @TODO
         </div>
diff --git a/webapp/static/clients/codemirror/styles.css b/webapp/static/clients/codemirror/styles.css
index b89a53c..428bd03 100644
--- a/webapp/static/clients/codemirror/styles.css
+++ b/webapp/static/clients/codemirror/styles.css
@@ -24,3 +24,7 @@
     padding-top: 4px; 
     padding-bottom: 4px;
 }
+dialog > header
+{
+  background-color: burlywood; 
+}
\ No newline at end of file