fix: network down spinner was invisible in sample app

Author: santhoshvai

examples/SampleApp/src/components/NetworkDownIndicator.tsx

@@ -8,12 +8,16 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
   },
   networkDownText: {
-    marginLeft: 10,
+    fontSize: 12,
+    marginLeft: 4,
   },
   networkDownTextLarge: {
     fontSize: 16,
     fontWeight: '700',
   },
+  spinner: {
+    backgroundColor: 'white',
+  },
 });
 
 export const NetworkDownIndicator: React.FC<{ titleSize: 'small' | 'large' }> = ({
@@ -27,7 +31,7 @@ export const NetworkDownIndicator: React.FC<{ titleSize: 'small' | 'large' }> =
 
   return (
     <View style={styles.networkDownContainer} testID='network-down-indicator'>
-      <Spinner />
+      <Spinner height={12} style={styles.spinner} width={12} />
       <Text
         style={[
           styles.networkDownText,