diff --git a/apps/dashboard/app/(app)/apis/[apiId]/settings/default-bytes.tsx b/apps/dashboard/app/(app)/apis/[apiId]/settings/default-bytes.tsx
index adbd6b3fc4..995d3b6572 100644
--- a/apps/dashboard/app/(app)/apis/[apiId]/settings/default-bytes.tsx
+++ b/apps/dashboard/app/(app)/apis/[apiId]/settings/default-bytes.tsx
@@ -71,7 +71,10 @@ export const DefaultBytes: React.FC<Props> = ({ keyAuth }) => {
       <Card>
         <CardHeader>
           <CardTitle>Default Bytes</CardTitle>
-          <CardDescription>Set default Bytes for the keys under this API.</CardDescription>
+          <CardDescription>
+            Set default Bytes for the keys under this API. Default byte size must be between{" "}
+            <span className="font-bold">8 to 255</span>
+          </CardDescription>
         </CardHeader>
         <CardContent>
           <div className="flex flex-col space-y-2">
@@ -86,7 +89,7 @@ export const DefaultBytes: React.FC<Props> = ({ keyAuth }) => {
                   className="max-w-sm"
                   {...field}
                   autoComplete="off"
-                  onChange={(e) => field.onChange(Number(e.target.value))}
+                  onChange={(e) => field.onChange(Number(e.target.value.replace(/\D/g, "")))}
                 />
               )}
             />