diff --git a/src/components/misc/modal.vue b/src/components/misc/modal.vue
index 8c9d8d8b1..306ca8b87 100644
--- a/src/components/misc/modal.vue
+++ b/src/components/misc/modal.vue
@@ -9,7 +9,6 @@
 					{ 'has-overflow': overflow },
 					variant,
 				]"
-				ref="modal"
 				v-bind="$attrs"
 			>
 				<div
@@ -70,7 +69,7 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import {ref, watchEffect} from 'vue'
+import {watchEffect} from 'vue'
 import {useScrollLock} from '@vueuse/core'
 
 import CustomTransition from '@/components/misc/CustomTransition.vue'
@@ -90,8 +89,7 @@ const props = withDefaults(defineProps<{
 
 const emit = defineEmits(['close', 'submit'])
 
-const modal = ref<HTMLElement | null>(null)
-const scrollLock = useScrollLock(modal)
+const scrollLock = useScrollLock(document.body)
 
 watchEffect(() => {
 	scrollLock.value = props.enabled