diff --git a/pages/incomingInvoices/create.vue b/pages/incomingInvoices/create.vue
index f212073..979b06d 100644
--- a/pages/incomingInvoices/create.vue
+++ b/pages/incomingInvoices/create.vue
@@ -210,7 +210,7 @@ const createIncomingInvoice = async () => {
                   :search-attributes="['name','vendorNumber']"
                   class="flex-auto"
                   searchable-placeholder="Suche..."
-                  :color="!itemInfo.vendor ? 'rose' : ''"
+                  :color="!itemInfo.vendor ? 'rose' : 'primary'"
               >
                 <template #option="{option}">
                   {{option.vendorNumber}} - {{option.name}}
@@ -245,7 +245,7 @@ const createIncomingInvoice = async () => {
                     icon="i-heroicons-calendar-days-20-solid"
                     :label="itemInfo.date ? dayjs(itemInfo.date).format('DD.MM.YYYY') : 'Datum auswählen'"
                     variant="outline"
-                    :color="!itemInfo.date ? 'rose' : ''"
+                    :color="!itemInfo.date ? 'rose' : 'primary'"
                 />
 
                 <template #panel="{ close }">
@@ -340,7 +340,7 @@ const createIncomingInvoice = async () => {
                   :search-attributes="['label']"
                   searchable-placeholder="Suche..."
                   v-model="item.account"
-                  :color="!item.account ? 'rose' : ''"
+                  :color="!item.account ? 'rose' : 'primary'"
               >
                 <template #label>
                   {{dataStore.accounts.find(account => account.id === item.account) ? dataStore.accounts.find(account => account.id === item.account).label : "Keine Kategorie ausgewählt" }}
@@ -382,7 +382,7 @@ const createIncomingInvoice = async () => {
                     type="number"
                     step="0.01"
                     v-model="item.amountNet"
-                    :color="!item.amountNet ? 'rose' : ''"
+                    :color="!item.amountNet ? 'rose' : 'primary'"
                     :disabled="item.taxType === null"
                     @keyup="item.amountTax = Number((item.amountNet * (Number(taxOptions.find(i => i.key === item.taxType).percentage)/100)).toFixed(2))"
                 >
@@ -403,7 +403,7 @@ const createIncomingInvoice = async () => {
                     step="0.01"
                     :disabled="item.taxType === null"
                     v-model="item.amountGross"
-                    :color="!item.amountGross ? 'rose' : ''"
+                    :color="!item.amountGross ? 'rose' : 'primary'"
                     @keyup="item.amountNet = Number((item.amountGross / (1 + Number(item.taxType)/100)).toFixed(2)),
                   item.amountTax = Number((item.amountGross - item.amountNet).toFixed(2))"
                 >