diff --git a/app/javascript/dashboard/components-next/input/Input.vue b/app/javascript/dashboard/components-next/input/Input.vue
index 55b3a4d54..998e26cf1 100644
--- a/app/javascript/dashboard/components-next/input/Input.vue
+++ b/app/javascript/dashboard/components-next/input/Input.vue
@@ -2,6 +2,7 @@
 import { computed, ref, onMounted, nextTick, getCurrentInstance } from 'vue';
 import { useToggle } from '@vueuse/core';
 import Button from 'dashboard/components-next/button/Button.vue';
+
 const props = defineProps({
   modelValue: { type: [String, Number], default: '' },
   type: { type: String, default: 'text' },
@@ -34,6 +35,10 @@ const emit = defineEmits([
   'enter',
 ]);
 
+defineOptions({
+  inheritAttrs: false,
+});
+
 // Generate a unique ID per component instance when `id` prop is not provided.
 const { uid } = getCurrentInstance();
 const uniqueId = computed(() => props.id || `input-${uid}`);
@@ -136,8 +141,8 @@ onMounted(() => {
     <div class="relative">
       <input
         :id="uniqueId"
-        v-bind="$attrs"
         ref="inputRef"
+        v-bind="$attrs"
         :value="modelValue"
         :class="[
           customInputClass,