diff --git a/src/hooks.js b/src/hooks.js
deleted file mode 100644
index 7387c18d..00000000
--- a/src/hooks.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export async function handle({ event, resolve }) {
-  return await resolve(event, {
-    ssr: false
-  })
-}
diff --git a/src/lib/components/controls/ColorPickerPopup.svelte b/src/lib/components/controls/ColorPickerPopup.svelte
index aba1cd1f..d702e214 100644
--- a/src/lib/components/controls/ColorPickerPopup.svelte
+++ b/src/lib/components/controls/ColorPickerPopup.svelte
@@ -1,6 +1,5 @@
 <script>
-  import { onDestroy, onMount, tick } from 'svelte'
-  import VanillaPicker from 'vanilla-picker'
+  import { onDestroy, onMount } from 'svelte'
 
   export let color
   export let onChange
@@ -10,7 +9,9 @@
   let colorPicker
 
   onMount(async () => {
-    await tick() // must render the DOM first
+    // Dynamically import VanillaPicker, because it requires `document` to be defined,
+    // and that is not supported server side
+    const VanillaPicker = import('vanilla-picker')
 
     colorPicker = new VanillaPicker({
       parent: ref,
diff --git a/src/lib/components/modes/codemode/CodeMode.scss b/src/lib/components/modes/codemode/CodeMode.scss
index 29b13800..e2818069 100644
--- a/src/lib/components/modes/codemode/CodeMode.scss
+++ b/src/lib/components/modes/codemode/CodeMode.scss
@@ -10,6 +10,7 @@
   .contents {
     flex: 1;
     display: flex;
+    flex-direction: column;
     overflow: hidden;
     min-width: 0;
     min-height: 0;