diff --git a/web/src/components/TransactionEditRow.vue b/web/src/components/TransactionEditRow.vue
index 566c74d..f864b64 100644
--- a/web/src/components/TransactionEditRow.vue
+++ b/web/src/components/TransactionEditRow.vue
@@ -5,7 +5,7 @@ import { useAccountStore } from '../stores/budget-account'
 import DateInput from "./DateInput.vue";
 import { useTransactionsStore } from "../stores/transactions";
 import Input from "./Input.vue";
-import Button from "./Button.vue";
+import Button from "./SimpleButton.vue";
 
 const props = defineProps<{
     transactionid: string
diff --git a/web/src/components/TransactionInputRow.vue b/web/src/components/TransactionInputRow.vue
index c0f1f4b..88ceccd 100644
--- a/web/src/components/TransactionInputRow.vue
+++ b/web/src/components/TransactionInputRow.vue
@@ -3,7 +3,7 @@ import { computed, ref } from "vue";
 import Autocomplete from '../components/Autocomplete.vue'
 import { Transaction, useTransactionsStore } from "../stores/transactions";
 import DateInput from "./DateInput.vue";
-import Button from "./Button.vue";
+import Button from "./SimpleButton.vue";
 import Input from "./Input.vue";
 
 const props = defineProps<{