diff --git a/src/components/input/Input.vue b/src/components/input/Input.vue
index 3497fbb732805ce6d86956128fd191d01ed1640e..aa0facdf474e3987659e73691bcf915bcb6d7082 100644
--- a/src/components/input/Input.vue
+++ b/src/components/input/Input.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { ref } from 'vue'
+
 interface Props {
   modelValue: string
   icon?: string
@@ -6,13 +8,15 @@ interface Props {
 }
 
 defineProps<Props>()
+
+const input = ref()
 </script>
 
 <template>
 	<div
     :class="{ 'has-icon': !!icon }"
     class="funkwhale input"
-    @click="$refs.input.focus()"
+    @click="input.focus()"
   >
     <div v-if="icon" class="prefix">
       <i :class="['bi', icon]" />