styles: adjust form button height

app/api/keys/route.ts

@@ -1,4 +1,3 @@
-import { env } from "@/env.mjs";
 import { generateApiKey } from "@/lib/dto/api-key";
 import { checkUserStatus } from "@/lib/dto/user";
 import { getCurrentUser } from "@/lib/session";

components/forms/user-api-key-form.tsx

@@ -82,13 +82,14 @@ export function UserApiKeyForm({ user }: UserNameFormProps) {
           <Button
             type="submit"
             variant={"blue"}
+            size={"sm"}
             disabled={isPending}
             className="shrink-0 px-4"
           >
             {isPending ? (
               <Icons.spinner className="size-4 animate-spin" />
             ) : (
-              <p>Generate</p>
+              "Generate"
             )}
           </Button>
         </div>

components/forms/user-name-form.tsx

@@ -77,7 +77,7 @@ export function UserNameForm({ user }: UserNameFormProps) {
             type="submit"
             variant={updated ? "blue" : "disable"}
             disabled={isPending || !updated}
-            className="w-[67px] shrink-0 px-0 sm:w-[130px]"
+            className="h-9 w-[67px] shrink-0 px-0 sm:w-[130px]"
           >
             {isPending ? (
               <Icons.spinner className="size-4 animate-spin" />

components/forms/user-role-form.tsx

@@ -110,7 +110,7 @@ export function UserRoleForm({ user }: UserNameFormProps) {
               type="submit"
               variant={updated ? "blue" : "disable"}
               disabled={isPending || !updated}
-              className="w-[67px] shrink-0 px-0 sm:w-[130px]"
+              className="h-9 w-[67px] shrink-0 px-0 sm:w-[130px]"
             >
               {isPending ? (
                 <Icons.spinner className="size-4 animate-spin" />