diff --git a/src/main/resources/static/js/transactions.js b/src/main/resources/static/js/transactions.js
index 75994b4433542828a6807a8ade3aa7dfd6097a87..17bcca249c05ca873cc3b5e773cb16d11d45c1d1 100644
--- a/src/main/resources/static/js/transactions.js
+++ b/src/main/resources/static/js/transactions.js
@@ -328,8 +328,8 @@ function beautifyCategorySelect() {
         $(this).text(categoryName);
         $(this).data("infos", categoryInfos);
         $(this).addClass("category-select");
-        $(this).parent().prepend('<div class="category-circle-small category-select" id="category-' + counter + '" style="background-color: ' + categoryColor + '"><span style="color: ' + appropriateTextColor + '"></span></div>');
-        $('#categoryWrapper').parent().append('<style>#category-' + counter + ':after{content: "' + firstLetter + '";}</style>');
+        $(this).parent().prepend('<div class="category-circle-small category-select" id="category-' + counter + '" style="background-color: ' + categoryColor + '"><span></span></div>');
+        $('#categoryWrapper').parent().append('<style>#category-' + counter + ':after{content: "' + firstLetter + '"; color: ' + appropriateTextColor + ';}</style>');
 
         counter++;
     });