diff --git a/app/routes/users/dialogs/add.tsx b/app/routes/users/dialogs/add.tsx
index 5bdabe7..dcac126 100644
--- a/app/routes/users/dialogs/add.tsx
+++ b/app/routes/users/dialogs/add.tsx
@@ -34,6 +34,7 @@ export default function Add({ magic }: Props) {
 							method="POST"
 							onSubmit={(event) => {
 								submit(event.currentTarget);
+								setUsername('');
 							}}
 						>
 							<input type="hidden" name="_method" value="create" />
diff --git a/app/routes/users/dialogs/remove.tsx b/app/routes/users/dialogs/remove.tsx
index 735f90a..2a33379 100644
--- a/app/routes/users/dialogs/remove.tsx
+++ b/app/routes/users/dialogs/remove.tsx
@@ -19,7 +19,7 @@ export default function Remove({ username }: Props) {
 			<Button
 				variant="light"
 				control={dialogState}
-				className="rounded-full p-0 w-8 h-8"
+				className="rounded-full p-0 w-8 h-8 flex items-center justify-center"
 			>
 				<XIcon className="w-4 h-4" />
 			</Button>
diff --git a/app/routes/users/dialogs/rename.tsx b/app/routes/users/dialogs/rename.tsx
index 327c90c..a75c0be 100644
--- a/app/routes/users/dialogs/rename.tsx
+++ b/app/routes/users/dialogs/rename.tsx
@@ -21,7 +21,7 @@ export default function Rename({ username, magic }: Props) {
 			<Button
 				variant="light"
 				control={dialogState}
-				className="rounded-full p-0 w-8 h-8"
+				className="rounded-full p-0 w-8 h-8 flex items-center justify-center"
 			>
 				<PencilIcon className="w-4 h-4" />
 			</Button>