diff --git a/app/components/Snaps/SnapUIRenderer/__snapshots__/SnapUIRenderer.test.tsx.snap b/app/components/Snaps/SnapUIRenderer/__snapshots__/SnapUIRenderer.test.tsx.snap
index 996e4c368fcb..a437fcdbb645 100644
--- a/app/components/Snaps/SnapUIRenderer/__snapshots__/SnapUIRenderer.test.tsx.snap
+++ b/app/components/Snaps/SnapUIRenderer/__snapshots__/SnapUIRenderer.test.tsx.snap
@@ -828,58 +828,50 @@ exports[`SnapUIRenderer renders complex nested components 1`] = `
-
-
- Extra
-
-
+
- Value
-
-
+ }
+ >
+ Value
+
@@ -204,54 +206,44 @@ exports[`AccountNetworkInfoExpanded should match snapshot when isPortfolioVieEna
style={
{
"alignItems": "center",
- "display": "flex",
- "flexDirection": "row",
+ "backgroundColor": "#ffffff",
+ "borderRadius": 8,
+ "height": 16,
+ "justifyContent": "center",
+ "overflow": "hidden",
+ "width": 16,
}
}
>
-
-
-
-
- Ethereum Mainnet
-
+ testID="network-avatar-image"
+ />
+
+ Ethereum Mainnet
+
diff --git a/app/components/Views/confirmations/components/Confirm/Info/TypedSignV3V4/Simulation/components/ValueDisplay/ValueDisplay.styles.ts b/app/components/Views/confirmations/components/Confirm/Info/TypedSignV3V4/Simulation/components/ValueDisplay/ValueDisplay.styles.ts
index bf673e46b29f..b074595c45e6 100644
--- a/app/components/Views/confirmations/components/Confirm/Info/TypedSignV3V4/Simulation/components/ValueDisplay/ValueDisplay.styles.ts
+++ b/app/components/Views/confirmations/components/Confirm/Info/TypedSignV3V4/Simulation/components/ValueDisplay/ValueDisplay.styles.ts
@@ -49,7 +49,6 @@ const styleSheet = (colors: Theme['colors']) =>
rowGap: 8,
flexDirection: 'row',
alignItems: 'center',
- alignSelf: 'center',
justifyContent: 'flex-end',
flexWrap: 'wrap',
},
diff --git a/app/components/Views/confirmations/components/Confirm/SignatureMessageSection/SignatureMessageSection.styles.ts b/app/components/Views/confirmations/components/Confirm/SignatureMessageSection/SignatureMessageSection.styles.ts
index 8ca0f9c561c4..f2785c4ec6ac 100644
--- a/app/components/Views/confirmations/components/Confirm/SignatureMessageSection/SignatureMessageSection.styles.ts
+++ b/app/components/Views/confirmations/components/Confirm/SignatureMessageSection/SignatureMessageSection.styles.ts
@@ -18,7 +18,6 @@ const styleSheet = (params: { theme: Theme }) => {
color: theme.colors.text.default,
...fontStyles.bold,
fontSize: 14,
- marginBottom: 4,
},
description: {
color: theme.colors.text.default,
diff --git a/app/components/Views/confirmations/components/Confirm/Title/Title.styles.ts b/app/components/Views/confirmations/components/Confirm/Title/Title.styles.ts
index a324c795f298..d0bfa927e7fa 100644
--- a/app/components/Views/confirmations/components/Confirm/Title/Title.styles.ts
+++ b/app/components/Views/confirmations/components/Confirm/Title/Title.styles.ts
@@ -9,6 +9,7 @@ const styleSheet = (params: { theme: Theme }) => {
return StyleSheet.create({
titleContainer: {
marginVertical: 24,
+ paddingHorizontal: 16,
},
title: {
color: theme.colors.text.default,
diff --git a/app/components/Views/confirmations/components/UI/ExpandableSection/ExpandableSection.tsx b/app/components/Views/confirmations/components/UI/ExpandableSection/ExpandableSection.tsx
index 6f1d76c7df66..e4a295e4e952 100644
--- a/app/components/Views/confirmations/components/UI/ExpandableSection/ExpandableSection.tsx
+++ b/app/components/Views/confirmations/components/UI/ExpandableSection/ExpandableSection.tsx
@@ -39,7 +39,7 @@ const ExpandableSection = ({
const [expanded, setExpanded] = useState(false);
const iconStyle =
- iconVerticalPosition === IconVerticalPosition.Top ? { top: 18 } : {};
+ iconVerticalPosition === IconVerticalPosition.Top ? { top: 20 } : {};
return (
<>
diff --git a/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.styles.ts b/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.styles.ts
index 3ff7e400c9a6..b17ee981e73f 100644
--- a/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.styles.ts
+++ b/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.styles.ts
@@ -36,9 +36,6 @@ const styleSheet = (params: { theme: Theme }) => {
...fontStyles.normal,
fontSize: 14,
},
- valueComponent: {
- marginLeft: 'auto',
- },
});
};
diff --git a/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.tsx b/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.tsx
index 7e06de540299..44e2adf69f93 100644
--- a/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.tsx
+++ b/app/components/Views/confirmations/components/UI/InfoRow/InfoRow.tsx
@@ -36,7 +36,7 @@ const InfoRow = ({
{typeof children === 'string' ? (
{children}
) : (
- {children}
+ <>{children}>
)}
);