diff --git a/packages/loot-design/src/components/table.js b/packages/loot-design/src/components/table.js
index 48dbb434c2..8f2dbecc40 100644
--- a/packages/loot-design/src/components/table.js
+++ b/packages/loot-design/src/components/table.js
@@ -988,7 +988,14 @@ export const Table = React.forwardRef(
     if (loading) {
       return (
         <View
-          style={[{ flex: 1, justifyContent: 'center', alignItems: 'center' }]}
+          style={[
+            {
+              flex: 1,
+              justifyContent: 'center',
+              alignItems: 'center',
+              backgroundColor
+            }
+          ]}
         >
           <AnimatedLoading width={25} color={colors.n1} />
         </View>