FIX: Background color for TotalBalanceVIew

screen/wallets/DrawerList.tsx

@@ -1,7 +1,7 @@
 import { DrawerContentScrollView } from '@react-navigation/drawer';
 import { NavigationProp, ParamListBase, useIsFocused } from '@react-navigation/native';
 import React, { memo, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';
-import { InteractionManager, LayoutAnimation, StyleSheet, ViewStyle } from 'react-native';
+import { InteractionManager, LayoutAnimation, StyleSheet, View, ViewStyle } from 'react-native';
 
 import triggerHapticFeedback, { HapticFeedbackTypes } from '../../blue_modules/hapticFeedback';
 import { TWallet } from '../../class/wallets/types';
@@ -146,7 +146,11 @@ const DrawerList: React.FC<DrawerListProps> = memo(({ navigation }) => {
       showsVerticalScrollIndicator={false}
     >
       <Header leftText={loc.wallets.list_title} onNewWalletPress={onNewWalletPress} isDrawerList />
-      {isTotalBalanceEnabled && <TotalWalletsBalance />}
+      {isTotalBalanceEnabled && (
+        <View style={stylesHook.root}>
+          <TotalWalletsBalance />
+        </View>
+      )}
       <WalletsCarousel
         data={state.wallets}
         extraData={[state.wallets]}

screen/wallets/WalletsList.tsx

@@ -296,14 +296,18 @@ const WalletsList: React.FC = () => {
         case WalletsListSections.TRANSACTIONS:
           return renderListHeaderComponent();
         case WalletsListSections.CAROUSEL: {
-          return !isLargeScreen && isTotalBalanceEnabled ? <TotalWalletsBalance /> : null;
+          return !isLargeScreen && isTotalBalanceEnabled ? (
+            <View style={stylesHook.walletsListWrapper}>
+              <TotalWalletsBalance />
+            </View>
+          ) : null;
         }
 
         default:
           return null;
       }
     },
-    [isLargeScreen, isTotalBalanceEnabled, renderListHeaderComponent],
+    [isLargeScreen, isTotalBalanceEnabled, renderListHeaderComponent, stylesHook.walletsListWrapper],
   );
 
   const renderSectionFooter = useCallback(