diff --git a/app/components/UI/Approval/ApprovalResult/__snapshots__/ApprovalResult.test.tsx.snap b/app/components/UI/Approval/ApprovalResult/__snapshots__/ApprovalResult.test.tsx.snap
index 0d76cb93da9e..c927307a6183 100644
--- a/app/components/UI/Approval/ApprovalResult/__snapshots__/ApprovalResult.test.tsx.snap
+++ b/app/components/UI/Approval/ApprovalResult/__snapshots__/ApprovalResult.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`ApprovalResult renders approval result with error type 1`] = `
 <View
   style={
-    {
+    Object {
       "backgroundColor": "#FFFFFF",
       "borderTopLeftRadius": 20,
       "borderTopRightRadius": 20,
@@ -15,14 +15,14 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
 >
   <View
     style={
-      {
+      Object {
         "paddingHorizontal": 24,
       }
     }
   >
     <View
       style={
-        {
+        Object {
           "alignItems": "center",
           "justifyContent": "center",
         }
@@ -30,7 +30,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
     >
       <View
         style={
-          {
+          Object {
             "alignItems": "center",
             "backgroundColor": "#28A74519",
             "borderRadius": 24,
@@ -45,7 +45,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
           height={24}
           name="Warning"
           style={
-            {
+            Object {
               "height": 24,
               "width": 24,
             }
@@ -56,7 +56,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
     </View>
     <View
       style={
-        {
+        Object {
           "alignItems": "center",
           "backgroundColor": "#FFFFFF",
           "flexDirection": "row",
@@ -68,14 +68,14 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
     >
       <View
         style={
-          {
+          Object {
             "flex": 1,
           }
         }
       />
       <Text
         style={
-          {
+          Object {
             "color": "#24272A",
             "fontFamily": "Euclid Circular B",
             "fontSize": 18,
@@ -89,7 +89,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
       </Text>
       <View
         style={
-          {
+          Object {
             "alignItems": "flex-end",
             "flex": 1,
           }
@@ -98,7 +98,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
     </View>
     <Text
       style={
-        {
+        Object {
           "color": "#24272A",
           "fontFamily": "Euclid Circular B",
           "fontSize": 14,
@@ -114,7 +114,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
     </Text>
     <View
       style={
-        {
+        Object {
           "flex": 0,
           "justifyContent": "center",
           "paddingVertical": 16,
@@ -123,7 +123,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
     >
       <View
         style={
-          {
+          Object {
             "backgroundColor": "#FFFFFF",
             "flexDirection": "row",
             "paddingHorizontal": 8,
@@ -138,7 +138,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
           onPressIn={[Function]}
           onPressOut={[Function]}
           style={
-            {
+            Object {
               "alignItems": "center",
               "alignSelf": "flex-start",
               "backgroundColor": "#0376C9",
@@ -155,7 +155,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
         >
           <Text
             style={
-              {
+              Object {
                 "color": "#FCFCFC",
                 "fontFamily": "Euclid Circular B",
                 "fontSize": 14,
@@ -177,7 +177,7 @@ exports[`ApprovalResult renders approval result with error type 1`] = `
 exports[`ApprovalResult renders approval result with success type 1`] = `
 <View
   style={
-    {
+    Object {
       "backgroundColor": "#FFFFFF",
       "borderTopLeftRadius": 20,
       "borderTopRightRadius": 20,
@@ -189,14 +189,14 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
 >
   <View
     style={
-      {
+      Object {
         "paddingHorizontal": 24,
       }
     }
   >
     <View
       style={
-        {
+        Object {
           "alignItems": "center",
           "justifyContent": "center",
         }
@@ -204,7 +204,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
     >
       <View
         style={
-          {
+          Object {
             "alignItems": "center",
             "backgroundColor": "#28A74519",
             "borderRadius": 24,
@@ -219,7 +219,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
           height={24}
           name="Confirmation"
           style={
-            {
+            Object {
               "height": 24,
               "width": 24,
             }
@@ -230,7 +230,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
     </View>
     <View
       style={
-        {
+        Object {
           "alignItems": "center",
           "backgroundColor": "#FFFFFF",
           "flexDirection": "row",
@@ -242,14 +242,14 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
     >
       <View
         style={
-          {
+          Object {
             "flex": 1,
           }
         }
       />
       <Text
         style={
-          {
+          Object {
             "color": "#24272A",
             "fontFamily": "Euclid Circular B",
             "fontSize": 18,
@@ -263,7 +263,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
       </Text>
       <View
         style={
-          {
+          Object {
             "alignItems": "flex-end",
             "flex": 1,
           }
@@ -272,7 +272,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
     </View>
     <Text
       style={
-        {
+        Object {
           "color": "#24272A",
           "fontFamily": "Euclid Circular B",
           "fontSize": 14,
@@ -288,7 +288,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
     </Text>
     <View
       style={
-        {
+        Object {
           "flex": 0,
           "justifyContent": "center",
           "paddingVertical": 16,
@@ -297,7 +297,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
     >
       <View
         style={
-          {
+          Object {
             "backgroundColor": "#FFFFFF",
             "flexDirection": "row",
             "paddingHorizontal": 8,
@@ -312,7 +312,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
           onPressIn={[Function]}
           onPressOut={[Function]}
           style={
-            {
+            Object {
               "alignItems": "center",
               "alignSelf": "flex-start",
               "backgroundColor": "#0376C9",
@@ -329,7 +329,7 @@ exports[`ApprovalResult renders approval result with success type 1`] = `
         >
           <Text
             style={
-              {
+              Object {
                 "color": "#FCFCFC",
                 "fontFamily": "Euclid Circular B",
                 "fontSize": 14,