diff --git a/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx b/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx
index 9b018c2b05f22..b9181299dcb94 100644
--- a/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx
+++ b/site/src/pages/UserSettingsPage/SecretsPage/SecretDialog.tsx
@@ -25,7 +25,6 @@ import {
 } from "#/components/Dialog/Dialog";
 import { FileUpload } from "#/components/FileUpload/FileUpload";
 import { FormField } from "#/components/FormField/FormField";
-import { Input } from "#/components/Input/Input";
 import { Label } from "#/components/Label/Label";
 import { Separator } from "#/components/Separator/Separator";
 import { Spinner } from "#/components/Spinner/Spinner";
@@ -441,13 +440,13 @@ const SecretValueField: FC<SecretValueFieldProps> = ({
 				{required ? <RequiredFieldLabel>Value</RequiredFieldLabel> : "Value"}
 			</Label>
 			<div className="flex flex-col gap-2 sm:flex-row sm:items-start">
-				<Input
+				<Textarea
 					id={field.id}
 					name={field.name}
-					type="text"
 					value={value}
 					placeholder={placeholder}
 					autoComplete="off"
+					rows={4}
 					aria-required={required}
 					aria-invalid={displayField.error}
 					aria-describedby={
@@ -459,9 +458,9 @@ const SecretValueField: FC<SecretValueFieldProps> = ({
 					}
 					disabled={clearValueRequested}
 					className={cn(
-						"placeholder:text-content-disabled sm:flex-1",
+						"placeholder:text-content-disabled sm:flex-1 font-mono",
 						displayField.error && "border-border-destructive",
-						maskTypedValue && "[-webkit-text-security:circle]",
+						maskTypedValue && "[-webkit-text-security:disc]",
 					)}
 					onFocus={(event) => {
 						if (isShowingSavedValue) {
diff --git a/site/src/pages/UserSettingsPage/SecretsPage/SecretsPageView.stories.tsx b/site/src/pages/UserSettingsPage/SecretsPage/SecretsPageView.stories.tsx
index 91a632afb54fc..2668ca7e62139 100644
--- a/site/src/pages/UserSettingsPage/SecretsPage/SecretsPageView.stories.tsx
+++ b/site/src/pages/UserSettingsPage/SecretsPage/SecretsPageView.stories.tsx
@@ -418,9 +418,11 @@ export const EditSecretClearValue: Story = {
 		await user.click(dialog.getByRole("button", { name: "Clear" }));
 		await expect(valueField).toHaveValue("");
 		await expect(valueField).toBeDisabled();
-		await expect(
-			dialog.getByText("Saved value will be cleared when you update."),
-		).toBeVisible();
+		await waitFor(() =>
+			expect(
+				dialog.getByText("Saved value will be cleared when you update."),
+			).toBeVisible(),
+		);
 		await expect(updateButton).toBeEnabled();
 
 		await user.click(dialog.getByRole("button", { name: "Undo" }));