diff --git a/mnemo_cards_admin/src/components/BulkCardEditor.tsx b/mnemo_cards_admin/src/components/BulkCardEditor.tsx
index eb6bf5e..64229b1 100644
--- a/mnemo_cards_admin/src/components/BulkCardEditor.tsx
+++ b/mnemo_cards_admin/src/components/BulkCardEditor.tsx
@@ -262,13 +262,17 @@ export function BulkCardEditor({ images, onComplete, onCancel }: BulkCardEditorP
               <Label htmlFor="packId">Pack ID (optional)</Label>
               <Select
                 value={currentCard.packId || undefined}
-                onValueChange={(value: string) => handleFieldChange('packId', value || '')}
+                onValueChange={(value: string) => {
+                  // If "none" is selected, clear the packId
+                  const packId = value === '__none__' ? '' : value
+                  handleFieldChange('packId', packId)
+                }}
               >
                 <SelectTrigger>
                   <SelectValue placeholder="Select a pack (optional)" />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="">None</SelectItem>
+                  <SelectItem value="__none__">None</SelectItem>
                   {packsData && packsData.length > 0 ? (
                     packsData.map((pack) => (
                       <SelectItem key={pack.id} value={pack.id}>
diff --git a/mnemo_cards_admin/src/pages/CardsPage.tsx b/mnemo_cards_admin/src/pages/CardsPage.tsx
index 9dcb7a9..3251110 100644
--- a/mnemo_cards_admin/src/pages/CardsPage.tsx
+++ b/mnemo_cards_admin/src/pages/CardsPage.tsx
@@ -367,13 +367,17 @@ export default function CardsPage() {
                 <Label htmlFor="packId">Pack ID (optional)</Label>
                 <Select
                   value={formData.packId || undefined}
-                  onValueChange={(value: string) => setFormData(prev => ({ ...prev, packId: value || '' }))}
+                  onValueChange={(value: string) => {
+                    // If "none" is selected, clear the packId
+                    const packId = value === '__none__' ? '' : value
+                    setFormData(prev => ({ ...prev, packId }))
+                  }}
                 >
                   <SelectTrigger>
                     <SelectValue placeholder="Select a pack (optional)" />
                   </SelectTrigger>
                   <SelectContent>
-                    <SelectItem value="">None</SelectItem>
+                    <SelectItem value="__none__">None</SelectItem>
                     {packsData?.items && packsData.items.length > 0 ? (
                       packsData.items.map((pack) => (
                         <SelectItem key={pack.id} value={pack.id}>