diff --git a/examples/server/public/index.html.gz b/examples/server/public/index.html.gz
index d10bfbd39..6973ec714 100644
Binary files a/examples/server/public/index.html.gz and b/examples/server/public/index.html.gz differ
diff --git a/examples/server/webui/src/components/CanvasPyInterpreter.tsx b/examples/server/webui/src/components/CanvasPyInterpreter.tsx
index f6a4c8d2e..0c3007c7e 100644
--- a/examples/server/webui/src/components/CanvasPyInterpreter.tsx
+++ b/examples/server/webui/src/components/CanvasPyInterpreter.tsx
@@ -36,7 +36,7 @@ const PyodideWrapper = {
     if (result) {
       stdOutAndErr.push(result.toString());
     }
-    return stdOutAndErr.join('');
+    return stdOutAndErr.join('\n');
   },
 };
 
@@ -102,9 +102,11 @@ export default function CanvasPyInterpreter() {
                 {running ? 'Running...' : 'Run'}
               </button>
             </div>
-            <pre className="bg-slate-900 rounded-md grow text-gray-200 p-3 whitespace-pre-wrap overflow-auto">
-              {output}
-            </pre>
+            <textarea
+              className="textarea textarea-bordered h-full dark-color"
+              value={output}
+              readOnly
+            ></textarea>
           </div>
         </div>
       </div>
diff --git a/examples/server/webui/src/index.scss b/examples/server/webui/src/index.scss
index 9253b6a02..314b68232 100644
--- a/examples/server/webui/src/index.scss
+++ b/examples/server/webui/src/index.scss
@@ -45,6 +45,9 @@
 /* Highlight.js */
 [data-color-scheme='light'] {
   @include meta.load-css('highlight.js/styles/stackoverflow-light');
+  .dark-color {
+    @apply bg-base-content text-base-100;
+  }
 }
 [data-color-scheme='dark'] {
   @include meta.load-css('highlight.js/styles/stackoverflow-dark');
@@ -52,6 +55,9 @@
 [data-color-scheme='auto'] {
   @media (prefers-color-scheme: light) {
     @include meta.load-css('highlight.js/styles/stackoverflow-light');
+    .dark-color {
+      @apply bg-base-content text-base-100;
+    }
   }
   @media (prefers-color-scheme: dark) {
     @include meta.load-css('highlight.js/styles/stackoverflow-dark');