diff --git a/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx b/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx
index b2bed7d5176..f969f7302ea 100644
--- a/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx
+++ b/suite-native/module-onboarding/src/components/AnalyticsInfoRow.tsx
@@ -1,8 +1,7 @@
import { ReactNode } from 'react';
-import { Box, HStack, Text, VStack } from '@suite-native/atoms';
-import { Icon, IconName } from '@suite-native/icons';
-import { prepareNativeStyle, useNativeStyles } from '@trezor/styles';
+import { IconListItem, Text, VStack } from '@suite-native/atoms';
+import { IconName } from '@suite-native/icons';
type AnalyticsInfoRowProps = {
iconName: IconName;
@@ -10,33 +9,13 @@ type AnalyticsInfoRowProps = {
description: ReactNode;
};
-const WRAPPER_SIZE = 36;
-
-const iconWrapper = prepareNativeStyle(utils => ({
- justifyContent: 'center',
- alignItems: 'center',
- width: WRAPPER_SIZE,
- height: WRAPPER_SIZE,
- backgroundColor: utils.colors.backgroundSurfaceElevation2,
- borderRadius: utils.borders.radii.r12,
- borderWidth: 1,
- borderColor: utils.colors.backgroundTertiaryDefaultOnElevation0,
-}));
-
-export const AnalyticsInfoRow = ({ iconName, title, description }: AnalyticsInfoRowProps) => {
- const { applyStyle } = useNativeStyles();
-
- return (
-
-
-
-
-
- {title}
-
- {description}
-
-
-
- );
-};
+export const AnalyticsInfoRow = ({ iconName, title, description }: AnalyticsInfoRowProps) => (
+
+
+ {title}
+
+ {description}
+
+
+
+);