diff --git a/src/components/misc/popup.vue b/src/components/misc/popup.vue
index 523a24824..0739a1129 100644
--- a/src/components/misc/popup.vue
+++ b/src/components/misc/popup.vue
@@ -1,7 +1,7 @@
 <template>
 	<slot name="trigger" :isOpen="open" :toggle="toggle"></slot>
-	<div class="popup" :class="{'is-open': open}">
-		<slot ref="popupContent"/>
+	<div class="popup" :class="{'is-open': open}" ref="popup">
+		<slot/>
 	</div>
 </template>
 
@@ -12,7 +12,7 @@ import {onBeforeUnmount, onMounted, ref} from 'vue'
 export default {
 	setup() {
 		const open = ref(false)
-		const popupContent = ref(null)
+		const popup = ref(null)
 
 		const toggle = () => {
 			open.value = !open.value
@@ -23,9 +23,9 @@ export default {
 				return
 			}
 
-			// we actually want to use popupContent.$el, not its value.
+			// we actually want to use popup.$el, not its value.
 			// eslint-disable-next-line vue/no-ref-as-operand
-			closeWhenClickedOutside(e, popupContent.$el, () => {
+			closeWhenClickedOutside(e, popup.$el, () => {
 				open.value = false
 			})
 		}