diff --git a/assets/react/controllers/TransactionComponant.tsx b/assets/react/controllers/TransactionComponant.tsx
index 2c44b0d32265ef249d94e7c5d845d421c2396905..601cb6baedeb122926f85acdff2b28001aaf1e5e 100644
--- a/assets/react/controllers/TransactionComponant.tsx
+++ b/assets/react/controllers/TransactionComponant.tsx
@@ -82,8 +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>
                 <input
-                  type="text"
+                  type="select"
+                  list="category"
                   value={category}
                   onChange={(e) => setCategory(e.target.value)}
                   placeholder="category"
@@ -99,7 +111,8 @@ export default function TransactionComponant(props: {
                   onChange={(e) => setAmount(Number(e.target.value))}
                   placeholder="amount"
                   required
-                /> <strong> $</strong>
+                />{" "}
+                <strong> $</strong>
               </div>
               <div>
                 <strong>Date : </strong>
@@ -120,8 +133,9 @@ export default function TransactionComponant(props: {
                   onChange={(e) => setExpense(!e.target.value)}
                 />
               </div>
-              <div><strong>Valider : </strong>
-                <img
+              <div>
+                <strong>Valider : </strong>
+                <img id="icone" 
                   src="img/vert.png"
                   alt="valider"
                   onClick={() => persist()}
@@ -129,7 +143,7 @@ export default function TransactionComponant(props: {
               </div>
               <div>
                 <strong>Supprimer : </strong>
-                <img
+                <img id="icone" 
                   src="img/download.png"
                   alt="supprimer"
                   onClick={() => props.deleteTransaction(props.index)}
@@ -169,7 +183,7 @@ export default function TransactionComponant(props: {
               </div>
               <div>
                 <strong>Modifier : </strong>
-                <img
+                <img id="icone" 
                   src="img/263087.png"
                   alt="peinceau"
                   onClick={() => edit()}
@@ -177,7 +191,7 @@ export default function TransactionComponant(props: {
               </div>
               <div>
                 <strong>Supprimer : </strong>
-                <img
+                <img id="icone" 
                   src="img/download.png"
                   alt="peinceau"
                   onClick={() => props.deleteTransaction(props.index)}
diff --git a/assets/react/controllers/TransactionList.tsx b/assets/react/controllers/TransactionList.tsx
index 3ed39fd124975d668fa3d8147a9bea782dec2945..3ab3b0f740c5bf61588b498c15184e53dec54882 100644
--- a/assets/react/controllers/TransactionList.tsx
+++ b/assets/react/controllers/TransactionList.tsx
@@ -51,9 +51,9 @@ export default function TransactionList() {
       <div>
         <h1>
           Mes transactions
-          <img
+          <strong id="btn-ajouter"> Ajouter : </strong><img id="icone" 
             src="img/plus.png"
-            alt="ajouter"
+            alt="ajouter" 
             onClick={() => {
               setTransactions([{expense: true, category: 'auto-detect', version: 0}, ...transactions]);
             }}
diff --git a/assets/styles/transaction.css b/assets/styles/transaction.css
index 21d1920dc3883e97ee3131db004b6ef05bdd8a26..ed0bbc0ceb7a03992f4a0baa741cc6c9c783bc12 100644
--- a/assets/styles/transaction.css
+++ b/assets/styles/transaction.css
@@ -33,6 +33,12 @@
         font-size: 30px;
     }
     
+    #btn-ajouter {
+        font-size: 20px;
+        text-align: right;
+        justify-content: space-between;
+    }
+    
     .location {
         color: blue;
     }
@@ -56,6 +62,9 @@
     img {
         width: 25px;
         height: 25px;
+    }
+    
+    #icone {
         cursor: pointer;
         border: 1px black solid;
     }