diff --git a/src/main/resources/static/css/accounts.css b/src/main/resources/static/css/accounts.css
index 12f3d4f6a7775b40d315918c35a48b86e0e98add..79947dffea3666f6a93045f853e3667bf7bd6bf2 100644
--- a/src/main/resources/static/css/accounts.css
+++ b/src/main/resources/static/css/accounts.css
@@ -48,3 +48,8 @@
     height: 34px;
     width: 34px;
 }
+
+.account-square-border {
+    border: 3px solid var(--color-blue);
+    line-height: 28px !important;
+}
diff --git a/src/main/resources/templates/helpers/customSelectMacros.ftl b/src/main/resources/templates/helpers/customSelectMacros.ftl
index 81ab63e0f51a5edb72683c614a8b43625657b269..173671546b456cfaaeaffe3383ce4ccaba856912 100644
--- a/src/main/resources/templates/helpers/customSelectMacros.ftl
+++ b/src/main/resources/templates/helpers/customSelectMacros.ftl
@@ -100,11 +100,11 @@
 </#macro>
 
 <#macro accountIcon account classes="" datasetValue="">
-    <div class="category-circle ${classes} category-square <#if account.getIcon()?? == false>background-blue</#if>" <#if datasetValue?has_content>data-value="${account.getID()}"</#if>>
+    <div class="category-circle ${classes} category-square <#if account.getIcon()?? == false>account-square-border</#if>" <#if datasetValue?has_content>data-value="${account.getID()}"</#if>>
         <#if account.getIcon()??>
             <img src="${account.getIcon().getBase64EncodedImage()}" class="account-select-icon"/>
         <#else>
-            <span class="text-white">
+            <span class="text-blue">
                 ${account.getName()?capitalize[0]}
             </span>
         </#if>