There is no god

src/components/forms/ChipsInput.vue

@@ -4,7 +4,7 @@
       <span>{{ chip }}</span>
       <i class="delete-icon" @click="deleteChip(i)">X</i>
     </div>
-    <input v-model="currentInput" @keyup.enter="saveChip" @keydown.delete="backspaceDelete" />
+    <input class="outline-none border-none max-w-[250px] p-1 m-1 text-white" v-model="currentInput" @keyup.enter="saveChip" @keydown.delete="backspaceDelete" />
   </div>
 </template>
 
@@ -62,13 +62,5 @@ const backspaceDelete = (event) => {
       }
     }
   }
-
-  input {
-    border: none;
-    outline: none;
-    padding: 4px;
-    margin: 4px;
-    color: white;
-  }
 }
 </style>