diff --git a/docs/src/components/DockerComposeGenerator/components/NvidiaGpuConfig.tsx b/docs/src/components/DockerComposeGenerator/components/NvidiaGpuConfig.tsx
index 5863ac386..9c9be5e6a 100644
--- a/docs/src/components/DockerComposeGenerator/components/NvidiaGpuConfig.tsx
+++ b/docs/src/components/DockerComposeGenerator/components/NvidiaGpuConfig.tsx
@@ -16,6 +16,8 @@ export default function NvidiaGpuConfig({
onGpuCountChange,
onGpuDeviceIdChange,
}: Props) {
+ const showDeviceId = gpuCount !== "";
+
return (
@@ -25,16 +27,15 @@ export default function NvidiaGpuConfig({
onGpuCountChange(e.target.value)}
+ placeholder="all"
+ onChange={(e) => onGpuCountChange(e.target.value.replace(/\D/g, ""))}
/>
-
- Enter a number (e.g. 1, 2, 3) or "all" to use all GPUs
-
- {gpuCount !== "all" && (
+ {showDeviceId && (