diff --git a/frontend/src/components/Form/BasicAuthFields.test.tsx b/frontend/src/components/Form/BasicAuthFields.test.tsx
new file mode 100644
index 0000000000..dffcd5f0a4
--- /dev/null
+++ b/frontend/src/components/Form/BasicAuthFields.test.tsx
@@ -0,0 +1,20 @@
+import { render } from "@testing-library/react";
+import { Form, Formik } from "formik";
+import { BasicAuthFields } from "src/components";
+import { describe, expect, it } from "vitest";
+
+describe("BasicAuthFields", () => {
+ it("names the inputs and stops browsers autofilling them", () => {
+ const { container } = render(
+ {}}>
+
+ ,
+ );
+ const inputs = Array.from(container.querySelectorAll("input"));
+
+ expect(inputs.map((input) => input.getAttribute("name"))).toEqual(["items-username-0", "items-password-0"]);
+ expect(inputs.map((input) => input.getAttribute("autocomplete"))).toEqual(["new-password", "new-password"]);
+ });
+});
diff --git a/frontend/src/components/Form/BasicAuthFields.tsx b/frontend/src/components/Form/BasicAuthFields.tsx
index d8d33d1595..b936f85383 100644
--- a/frontend/src/components/Form/BasicAuthFields.tsx
+++ b/frontend/src/components/Form/BasicAuthFields.tsx
@@ -61,7 +61,8 @@ export function BasicAuthFields({ initialValues, name = "items" }: Props) {