diff --git a/package.json b/package.json
index 8be5025e8..a0d3d9595 100644
--- a/package.json
+++ b/package.json
@@ -245,7 +245,7 @@
 		"vue-i18n": "9.0.0-beta.7",
 		"vue-json-pretty": "1.7.1",
 		"vue-loader": "16.0.0",
-		"vue-prism-editor": "1.2.2",
+		"vue-prism-editor": "2.0.0-alpha.2",
 		"vue-router": "4.0.0-rc.2",
 		"vue-style-loader": "4.1.2",
 		"vuex": "4.0.0-rc.1",
diff --git a/src/client/pages/scratchpad.vue b/src/client/pages/scratchpad.vue
index bbdb20112..6dc7ae9c9 100644
--- a/src/client/pages/scratchpad.vue
+++ b/src/client/pages/scratchpad.vue
@@ -1,7 +1,7 @@
 <template>
 <div class="">
-	<div class="_panel">
-		<prism-editor class="_code" v-model:value="code" :highlight="highlighter" :line-numbers="false"/>
+	<div class="_panel iltifgqe">
+		<PrismEditor class="_code code" v-model="code" :highlight="highlighter" :line-numbers="false"/>
 		<MkButton style="position: absolute; top: 8px; right: 8px;" @click="run()" primary><Fa :icon="faPlay"/></MkButton>
 	</div>
 
@@ -129,6 +129,13 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+.iltifgqe {
+	position: relative;
+
+	> .code {
+	}
+}
+
 .bepmlvbi {
 	padding: 16px;
 
diff --git a/yarn.lock b/yarn.lock
index 3a7b390f3..ef31495c2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -10411,10 +10411,10 @@ vue-loader@16.0.0:
     hash-sum "^2.0.0"
     loader-utils "^2.0.0"
 
-vue-prism-editor@1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/vue-prism-editor/-/vue-prism-editor-1.2.2.tgz#023cfd4329848f191aac851f2f5e6c7a8c2e059f"
-  integrity sha512-Lq2VgVygTx3Whn/tC8gD4m1ajA4lzSyCTqPLZA1Dq/ErbBaZA93FWRblwCoDR7AD2nXhGWuiTzb5ih3guzB7DA==
+vue-prism-editor@2.0.0-alpha.2:
+  version "2.0.0-alpha.2"
+  resolved "https://registry.yarnpkg.com/vue-prism-editor/-/vue-prism-editor-2.0.0-alpha.2.tgz#aa53a88efaaed628027cbb282c2b1d37fc7c5c69"
+  integrity sha512-Gu42ba9nosrE+gJpnAEuEkDMqG9zSUysIR8SdXUw8MQKDjBnnNR9lHC18uOr/ICz7yrA/5c7jHJr9lpElODC7w==
 
 vue-router@4.0.0-rc.2:
   version "4.0.0-rc.2"