diff --git a/frontend/pweb/lib/pages/wallet_top_up/address_block.dart b/frontend/pweb/lib/pages/wallet_top_up/address_block.dart
index bfba856..a8e8c84 100644
--- a/frontend/pweb/lib/pages/wallet_top_up/address_block.dart
+++ b/frontend/pweb/lib/pages/wallet_top_up/address_block.dart
@@ -52,7 +52,7 @@ class WalletTopUpAddressBlock extends StatelessWidget {
           decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(dimensions.borderRadiusSmall),
             border: Border.all(color: theme.colorScheme.outlineVariant),
-            color: theme.colorScheme.surfaceVariant.withOpacity(0.4),
+            color: theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.4),
           ),
           child: SelectableText(
             address,
@@ -72,7 +72,7 @@ class WalletTopUpAddressBlock extends StatelessWidget {
           decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(dimensions.borderRadiusSmall),
             border: Border.all(color: theme.colorScheme.outlineVariant),
-            color: theme.colorScheme.surfaceVariant.withOpacity(0.4),
+            color: theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.4),
           ),
           child: Center(
             child: QrImageView(
diff --git a/frontend/pweb/lib/pages/wallet_top_up/info_chip.dart b/frontend/pweb/lib/pages/wallet_top_up/info_chip.dart
index fcb2ffc..fd16971 100644
--- a/frontend/pweb/lib/pages/wallet_top_up/info_chip.dart
+++ b/frontend/pweb/lib/pages/wallet_top_up/info_chip.dart
@@ -23,7 +23,7 @@ class WalletTopUpInfoChip extends StatelessWidget {
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(dimensions.borderRadiusSmall),
         border: Border.all(color: theme.colorScheme.outlineVariant),
-        color: theme.colorScheme.surfaceVariant.withOpacity(0.4),
+        color: theme.colorScheme.surfaceContainerHighest.withValues(alpha: 0.4),
       ),
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,