diff --git a/packages/keychain/src/components/connect/create/CreateController.tsx b/packages/keychain/src/components/connect/create/CreateController.tsx
index c6786051b..5d545e1d3 100644
--- a/packages/keychain/src/components/connect/create/CreateController.tsx
+++ b/packages/keychain/src/components/connect/create/CreateController.tsx
@@ -1,6 +1,5 @@
 import { useRef, useState } from "react";
 import { Container, Footer, Content } from "@/components/layout";
-import { Field } from "@cartridge/ui";
 import { Box, Button } from "@chakra-ui/react";
 import { useControllerTheme } from "@/hooks/theme";
 import { usePostHog } from "posthog-js/react";
@@ -10,6 +9,7 @@ import { LoginMode } from "../types";
 import { Legal, StatusTray } from ".";
 import { useCreateController } from "./useCreateController";
 import { ControllerTheme } from "@cartridge/presets";
+import { Input } from "@cartridge/ui-next";
 
 interface CreateControllerViewProps {
   theme: ControllerTheme;
@@ -62,7 +62,7 @@ export function CreateControllerView({
             borderColor="red.500"
             borderRadius="base"
           >
-            <Field
+            <Input
               {...usernameField}
               autoFocus
               placeholder="shinobi"
@@ -71,7 +71,7 @@ export function CreateControllerView({
                 onUsernameChange(e.target.value.toLowerCase());
               }}
               isLoading={validation.status === "validating"}
-              isDisabled={isLoading}
+              disabled={isLoading}
               onClear={onUsernameClear}
             />
           </Box>