fix: android shadows not appearing

rainbow-me · Oct 11, 2023 · 959626a · 959626a
1 parent c8eb74c
commit 959626a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/screens/rewards/components/RewardsSectionCard.tsx b/src/screens/rewards/components/RewardsSectionCard.tsx
@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { View } from 'react-native';
-import { Box, Space, globalColors } from '@/design-system';
+import { Box, Space, globalColors, useBackgroundColor } from '@/design-system';
 import { IS_ANDROID, IS_IOS } from '@/env';
 import { useTheme } from '@/theme';
 
@@ -16,6 +16,8 @@ export function RewardsSectionCard({
 }: PropsWithChildren<Props>) {
   const { isDarkMode } = useTheme();
 
+  const bg = useBackgroundColor('surfaceSecondaryElevated');
+
   return (
     <View
       style={
@@ -42,6 +44,8 @@ export function RewardsSectionCard({
                 shadowColor: globalColors.grey100,
                 elevation: 8,
                 shadowOpacity: isDarkMode ? 1 : 0.55,
+                backgroundColor: bg,
+                borderRadius: 18,
               }
         }
       >