scroll in xml cell data view

packages/web/src/celldata/XmlCellView.svelte

@@ -4,6 +4,19 @@
   export let selection;
 </script>
 
-{#each selection as cell}
+<div class="wrapper">
+  {#each selection as cell}
     <XmlHighlighter code={cell.value} />
-{/each}
+  {/each}
+</div>
+
+<style>
+  .wrapper {
+    overflow: scroll;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+</style>

packages/web/src/celldata/XmlHighlighter.svelte

@@ -24,19 +24,13 @@
 </script>
 
 {#key formattedCode}
-  <pre><code bind:this={codeBlock}>{formattedCode}</code></pre>
+  <pre bind:this={codeBlock}>{formattedCode}</pre>
 {/key}
 
 <style>
   pre {
     margin: 0;
     padding: 0;
-    width: 100%;
-  }
-
-  code {
-    display: block;
     padding: 0.5em;
-    overflow-x: auto;
   }
 </style>

packages/web/src/widgets/CellDataWidget.svelte

@@ -156,6 +156,7 @@
     display: flex;
     flex: 1;
     flex-direction: column;
+    position: relative;
   }
 
   .toolbar {