diff --git a/packages/ui/src/components/Card.svelte b/packages/ui/src/components/Card.svelte
index 3508ccc1af..7b78bd9325 100644
--- a/packages/ui/src/components/Card.svelte
+++ b/packages/ui/src/components/Card.svelte
@@ -28,6 +28,7 @@
   export let label: IntlString
   export let okLabel: IntlString
   export let okAction: () => void
+  export let canSave: boolean = false
 
   const dispatch = createEventDispatcher()
 </script>
@@ -36,7 +37,7 @@
   <div class="card-bg" />
   <div class="flex-between header">
     <div class="overflow-label label"><Label {label} /></div>
-    <div class="tool"><Button label={okLabel} size={'small'} transparent on:click={() => { okAction(); dispatch('close') }} /></div>
+    <div class="tool"><Button disabled={!canSave} label={okLabel} size={'small'} transparent on:click={() => { okAction(); dispatch('close') }} /></div>
   </div>
   <div class="content"><slot /></div>
   <div class="flex-col pool">
diff --git a/plugins/recruit-resources/src/components/CreateApplication.svelte b/plugins/recruit-resources/src/components/CreateApplication.svelte
index 23efdbe0c9..3b0f3790ed 100644
--- a/plugins/recruit-resources/src/components/CreateApplication.svelte
+++ b/plugins/recruit-resources/src/components/CreateApplication.svelte
@@ -52,8 +52,9 @@
 </script>
 
 <Card label={'Create Application'} 
-      okLabel={'Save'} 
+      okLabel={'Save'}
       okAction={createApplication}
+      canSave={candidate !== undefined}
       on:close={() => { dispatch('close') }}>
   <Grid column={1} rowGap={1.75}>
     <UserBox _class={recruit.class.Candidate} title='Candidate' caption='Candidates' bind:value={candidate} />