diff --git a/vue-app/src/components/ClaimModal.vue b/vue-app/src/components/ClaimModal.vue
index c2e490ac6..0c6957228 100644
--- a/vue-app/src/components/ClaimModal.vue
+++ b/vue-app/src/components/ClaimModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h2>{{ $t('claimModal.h2_1') }}</h2>
diff --git a/vue-app/src/components/ContributionModal.vue b/vue-app/src/components/ContributionModal.vue
index f628d076f..ef628ddbb 100644
--- a/vue-app/src/components/ContributionModal.vue
+++ b/vue-app/src/components/ContributionModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 0">
         <h2>
diff --git a/vue-app/src/components/ErrorModal.vue b/vue-app/src/components/ErrorModal.vue
index ccf66b2a5..b5fa2efb0 100644
--- a/vue-app/src/components/ErrorModal.vue
+++ b/vue-app/src/components/ErrorModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="errorMessage">
         <div class="error">{{ errorMessage }}</div>
diff --git a/vue-app/src/components/MatchingFundsModal.vue b/vue-app/src/components/MatchingFundsModal.vue
index 34bb0376f..344d4c5b2 100644
--- a/vue-app/src/components/MatchingFundsModal.vue
+++ b/vue-app/src/components/MatchingFundsModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h3>{{ $t('matchingFundsModal.title', { nativeTokenSymbol }) }}</h3>
diff --git a/vue-app/src/components/ReallocationModal.vue b/vue-app/src/components/ReallocationModal.vue
index 2fba4b54b..c4ecb8053 100644
--- a/vue-app/src/components/ReallocationModal.vue
+++ b/vue-app/src/components/ReallocationModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h3>{{ $t('reallocationModal.h3') }}</h3>
diff --git a/vue-app/src/components/SignatureModal.vue b/vue-app/src/components/SignatureModal.vue
index 392dee202..f9dde3401 100644
--- a/vue-app/src/components/SignatureModal.vue
+++ b/vue-app/src/components/SignatureModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="requestingSignature" class="loading">
         <loader />
diff --git a/vue-app/src/components/TransactionModal.vue b/vue-app/src/components/TransactionModal.vue
index de70722f3..be3e4918c 100644
--- a/vue-app/src/components/TransactionModal.vue
+++ b/vue-app/src/components/TransactionModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <transaction
         :hash="txHash"
diff --git a/vue-app/src/components/WalletModal.vue b/vue-app/src/components/WalletModal.vue
index 771e856b2..76f78d93e 100644
--- a/vue-app/src/components/WalletModal.vue
+++ b/vue-app/src/components/WalletModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div v-if="connectingWallet" class="modal-body loading">
       <loader />
       <p>{{ $t('walletModal.p1') }}</p>
diff --git a/vue-app/src/components/WithdrawalModal.vue b/vue-app/src/components/WithdrawalModal.vue
index 92868d690..516ab8565 100644
--- a/vue-app/src/components/WithdrawalModal.vue
+++ b/vue-app/src/components/WithdrawalModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <vue-final-modal class="modal-container">
+  <vue-final-modal class="modal-container" background="interactive">
     <div class="modal-body">
       <div v-if="step === 1">
         <h3>{{ $t('withdrawalModal.h3_1') }}</h3>
diff --git a/vue-app/src/views/RecipientRegistry.vue b/vue-app/src/views/RecipientRegistry.vue
index 3f7d94345..716964e37 100644
--- a/vue-app/src/views/RecipientRegistry.vue
+++ b/vue-app/src/views/RecipientRegistry.vue
@@ -131,7 +131,6 @@ import CopyButton from '@/components/CopyButton.vue'
 
 import { chainId, exportBatchSize, recipientRegistryType } from '@/api/core'
 import {
-  RequestType,
   RequestStatus,
   type Request,
   getRequests,