diff --git a/src/lib/components/ui/input-cropped-image-blob/input-cropped-image-blob.svelte b/src/lib/components/ui/input-cropped-image-blob/input-cropped-image-blob.svelte
index f7069de..834e4fc 100644
--- a/src/lib/components/ui/input-cropped-image-blob/input-cropped-image-blob.svelte
+++ b/src/lib/components/ui/input-cropped-image-blob/input-cropped-image-blob.svelte
@@ -41,7 +41,7 @@
 
   type Props = Omit<HTMLInputAttributes, "type" | "files"> & {
     FallbackIcon: Component;
-    value: string;
+    value?: string;
     aspectRatio?: number;
     width?: number;
     height?: number;
diff --git a/src/routes/(pages)/dashboard/agents/(components)/add-agent-form/add-agent-form.svelte b/src/routes/(pages)/dashboard/agents/(components)/add-agent-form/add-agent-form.svelte
index 50d3ec3..6635fd0 100644
--- a/src/routes/(pages)/dashboard/agents/(components)/add-agent-form/add-agent-form.svelte
+++ b/src/routes/(pages)/dashboard/agents/(components)/add-agent-form/add-agent-form.svelte
@@ -56,7 +56,7 @@
     <Form.Control>
       {#snippet children({ props })}
         <Form.Label>{m["agents.add.fields.image.title"]()}</Form.Label>
-        <InputCroppedImageBlob {...props} FallbackIcon={ItemIcon} />
+        <InputCroppedImageBlob {...props} bind:value={$formData.image} FallbackIcon={ItemIcon} />
       {/snippet}
     </Form.Control>
     <Form.FieldErrors />