diff --git a/src/screens/transaction/TransactionList.tsx b/src/screens/transaction/TransactionList.tsx
index 1a44f42..a9cddd8 100644
--- a/src/screens/transaction/TransactionList.tsx
+++ b/src/screens/transaction/TransactionList.tsx
@@ -60,12 +60,12 @@ const StatusBadge: React.FC<{ status?: string }> = ({ status }) => {
   const getStatusColors = (s: string) => {
     switch (s) {
       case 'SUCCESS':
-        return { bg: theme.colors.success + '15', text: theme.colors.success };
+        return { bg: theme.colors.success + '20', text: theme.colors.success };
       case 'SENT_TO_PROCESSOR':
       case 'PENDING':
-        return { bg: theme.colors.warning + '15', text: theme.colors.warning };
+        return { bg: theme.colors.warning + '20', text: theme.colors.warning };
       default:
-        return { bg: theme.colors.error + '15', text: theme.colors.error };
+        return { bg: theme.colors.error + '20', text: theme.colors.error };
     }
   };
 
@@ -189,7 +189,7 @@ const TransactionsList: React.FC = () => {
   const isLoading = false; // Add placeholder or hook if needed
 
   return (
-    <AppView paddingHorizontal={0}>
+    <AppView paddingHorizontal={0} backgroundColor={theme.colors.surface}>
       <Header title="Transactions" titleColor={theme.colors.textPrimary} arrowColor={theme.colors.textPrimary} />
       <View style={{ paddingHorizontal: 16, marginBottom: 8 }}>
         <Text style={[styles.headerTitle, { color: theme.colors.textPrimary }]}>{message}</Text>