diff --git a/assets/react/controllers/TransactionComponant.tsx b/assets/react/controllers/TransactionComponant.tsx
index 601cb6baedeb122926f85acdff2b28001aaf1e5e..a0f3af8d13f931fb67f7d0b1000bdbf35e7256bc 100644
--- a/assets/react/controllers/TransactionComponant.tsx
+++ b/assets/react/controllers/TransactionComponant.tsx
@@ -82,20 +82,20 @@ export default function TransactionComponant(props: {
               <div>
                 <strong>Categorie : </strong>
                 <label htmlFor="category"></label>
-                <datalist id="category">
-                  <option>Restaurant" </option>
-                  <option>Bar</option>
-                  <option>Store</option>
-                  <option>Grocerie</option>
-                  <option>Sport</option>
-                  <option>Transport</option>
-                  <option>Subscription</option>
-                  <option>Auto-detect</option>
-                  <option>Other</option>
+                <datalist id="category_id">
+                  <option value="Restaurant">Restaurant</option>
+                  <option value="Bar">Bar</option>
+                  <option value="Store">Store</option>
+                  <option value="Grocerie">Grocerie</option>
+                  <option value="Sport">Sport</option>
+                  <option value="Transport">Transport</option>
+                  <option value="Subscription">Subscription</option>
+                  <option value="Auto-detect">Auto-detect</option>
+                  <option value="Other">Other</option>
                 </datalist>
                 <input
                   type="select"
-                  list="category"
+                  list="category_id"
                   value={category}
                   onChange={(e) => setCategory(e.target.value)}
                   placeholder="category"