diff --git a/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte b/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
index 12831495c..65ceacc4f 100644
--- a/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
+++ b/src/routes/(console)/project-[project]/studio/artifact-[artifact]/+layout.svelte
@@ -20,6 +20,8 @@
     import { previewFrameRef } from '$routes/(console)/project-[project]/store';
     import type { Terminal as XTerm } from '@xterm/xterm';
     import {
+        disableBodySelect,
+        enabledBodySelect,
         getTerminalHeightFromPrefs,
         getTerminalOpenFromPrefs,
         saveTerminalHeightToPrefs,
@@ -99,7 +101,7 @@
         window.addEventListener('mouseup', stopResize);
         window.addEventListener('touchmove', resize);
         window.addEventListener('touchend', stopResize);
-        document.body.style.userSelect = 'none';
+        disableBodySelect();
         if ($previewFrameRef) {
             $previewFrameRef.style.pointerEvents = 'none';
         }
@@ -127,7 +129,7 @@
         window.removeEventListener('mouseup', stopResize);
         window.removeEventListener('touchmove', resize);
         window.removeEventListener('touchend', stopResize);
-        document.body.style.userSelect = '';
+        enabledBodySelect();
         if ($previewFrameRef) {
             $previewFrameRef.style.pointerEvents = '';
         }