From def0a119aa0a42a07df13318f3329ffd430d41f0 Mon Sep 17 00:00:00 2001
From: Jake Howell <jake@hwll.me>
Date: Sat, 1 Aug 2026 13:52:25 +0000
Subject: [PATCH] refactor(site): demui `<ProvisionerTagsField />`

---
 site/src/modules/provisioners/ProvisionerTagsField.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/site/src/modules/provisioners/ProvisionerTagsField.tsx b/site/src/modules/provisioners/ProvisionerTagsField.tsx
index ed0bb7a85dde4..672ef0b1952bb 100644
--- a/site/src/modules/provisioners/ProvisionerTagsField.tsx
+++ b/site/src/modules/provisioners/ProvisionerTagsField.tsx
@@ -1,9 +1,9 @@
-import TextField from "@mui/material/TextField";
 import { PlusIcon } from "lucide-react";
 import { type FC, useRef, useState } from "react";
 import * as Yup from "yup";
 import type { ProvisionerDaemon } from "#/api/typesGenerated";
 import { Button } from "#/components/Button/Button";
+import { Input } from "#/components/Input/Input";
 import { ProvisionerTag } from "#/modules/provisioners/ProvisionerTag";
 
 // Users can't delete these tags
@@ -119,9 +119,8 @@ const NewTagControl: FC<NewTagControlProps> = ({ onAdd }) => {
 				<label className="sr-only" htmlFor="tag-key-input">
 					Tag key
 				</label>
-				<TextField
-					inputRef={keyInputRef}
-					size="small"
+				<Input
+					ref={keyInputRef}
 					id="tag-key-input"
 					name="key"
 					placeholder="Key"
@@ -133,8 +132,7 @@ const NewTagControl: FC<NewTagControlProps> = ({ onAdd }) => {
 				<label className="sr-only" htmlFor="tag-value-input">
 					Tag value
 				</label>
-				<TextField
-					size="small"
+				<Input
 					id="tag-value-input"
 					name="value"
 					placeholder="Value"