diff --git a/src/tools/basic-auth-generator/basic-auth-generator.vue b/src/tools/basic-auth-generator/basic-auth-generator.vue
index c72edd50..05d44e1e 100644
--- a/src/tools/basic-auth-generator/basic-auth-generator.vue
+++ b/src/tools/basic-auth-generator/basic-auth-generator.vue
@@ -12,11 +12,18 @@ const { copy } = useCopy({ source: header, text: 't('tools.basic-auth-generator.
 
 <template>
   <div>
-    <c-input-text v-model:value="username" label=t('tools.basic-auth-generator.username') placeholder="t('tools.basic-auth-generator.yourusername')" clearable raw-text mb-5 />
+    <c-input-text
+      v-model:value="username"
+      :label="t('tools.basic-auth-generator.username')"
+      :placeholder="t('tools.basic-auth-generator.yourusername')"
+      clearable
+      raw-text
+      mb-5
+    />
     <c-input-text
       v-model:value="password"
-      label="t('tools.basic-auth-generator.password')"
-      placeholder="t('tools.basic-auth-generator.yourpassword')"
+      :label="t('tools.basic-auth-generator.password')"
+      :placeholder="t('tools.basic-auth-generator.yourpassword')"
       clearable
       raw-text
       mb-2