From a58e1994a3c9e9515f2ee70532b23c06f870c5e5 Mon Sep 17 00:00:00 2001
From: Antonis Lilis <antonis.lilis@gmail.com>
Date: Thu, 20 Feb 2025 11:27:05 +0200
Subject: [PATCH 1/2] Align secondary buttons with the web

---
 .../core/src/js/feedback/FeedbackWidget.styles.ts    | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/js/feedback/FeedbackWidget.styles.ts b/packages/core/src/js/feedback/FeedbackWidget.styles.ts
index 2144b51dfa..aebdb181e3 100644
--- a/packages/core/src/js/feedback/FeedbackWidget.styles.ts
+++ b/packages/core/src/js/feedback/FeedbackWidget.styles.ts
@@ -42,11 +42,13 @@ const defaultStyles: FeedbackWidgetStyles = {
     color: FOREGROUND_COLOR,
   },
   screenshotButton: {
-    backgroundColor: '#eee',
+    backgroundColor: BACKGROUND_COLOR,
     padding: 15,
     borderRadius: 5,
     alignItems: 'center',
     flex: 1,
+    borderWidth: 1,
+    borderColor: BORDER_COLOR,
   },
   screenshotContainer: {
     flexDirection: 'row',
@@ -61,7 +63,7 @@ const defaultStyles: FeedbackWidgetStyles = {
     marginRight: 10,
   },
   screenshotText: {
-    color: '#333',
+    color: FOREGROUND_COLOR,
     fontSize: 16,
   },
   submitButton: {
@@ -76,8 +78,12 @@ const defaultStyles: FeedbackWidgetStyles = {
     fontSize: 18,
   },
   cancelButton: {
-    paddingVertical: 15,
+    backgroundColor: BACKGROUND_COLOR,
+    padding: 15,
+    borderRadius: 5,
     alignItems: 'center',
+    borderWidth: 1,
+    borderColor: BORDER_COLOR,
   },
   cancelText: {
     color: FOREGROUND_COLOR,

From 9ba38f5f0e014a28b34347c376b39ecdba27c8a8 Mon Sep 17 00:00:00 2001
From: Antonis Lilis <antonis.lilis@gmail.com>
Date: Thu, 20 Feb 2025 11:35:04 +0200
Subject: [PATCH 2/2] Update snapshots

---
 .../FeedbackWidget.test.tsx.snap              | 36 ++++++++++++++-----
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/packages/core/test/feedback/__snapshots__/FeedbackWidget.test.tsx.snap b/packages/core/test/feedback/__snapshots__/FeedbackWidget.test.tsx.snap
index 937410c22d..9f71d72ceb 100644
--- a/packages/core/test/feedback/__snapshots__/FeedbackWidget.test.tsx.snap
+++ b/packages/core/test/feedback/__snapshots__/FeedbackWidget.test.tsx.snap
@@ -761,8 +761,12 @@ exports[`FeedbackWidget matches the snapshot with custom texts 1`] = `
     style={
       {
         "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderColor": "rgba(41, 35, 47, 0.13)",
+        "borderRadius": 5,
+        "borderWidth": 1,
         "opacity": 1,
-        "paddingVertical": 15,
+        "padding": 15,
       }
     }
   >
@@ -980,8 +984,10 @@ exports[`FeedbackWidget matches the snapshot with custom texts and screenshot bu
       style={
         {
           "alignItems": "center",
-          "backgroundColor": "#eee",
+          "backgroundColor": "#ffffff",
+          "borderColor": "rgba(41, 35, 47, 0.13)",
           "borderRadius": 5,
+          "borderWidth": 1,
           "flex": 1,
           "opacity": 1,
           "padding": 15,
@@ -991,7 +997,7 @@ exports[`FeedbackWidget matches the snapshot with custom texts and screenshot bu
       <Text
         style={
           {
-            "color": "#333",
+            "color": "#2b2233",
             "fontSize": 16,
           }
         }
@@ -1081,8 +1087,12 @@ exports[`FeedbackWidget matches the snapshot with custom texts and screenshot bu
     style={
       {
         "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderColor": "rgba(41, 35, 47, 0.13)",
+        "borderRadius": 5,
+        "borderWidth": 1,
         "opacity": 1,
-        "paddingVertical": 15,
+        "padding": 15,
       }
     }
   >
@@ -1340,8 +1350,12 @@ exports[`FeedbackWidget matches the snapshot with default configuration 1`] = `
     style={
       {
         "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderColor": "rgba(41, 35, 47, 0.13)",
+        "borderRadius": 5,
+        "borderWidth": 1,
         "opacity": 1,
-        "paddingVertical": 15,
+        "padding": 15,
       }
     }
   >
@@ -1559,8 +1573,10 @@ exports[`FeedbackWidget matches the snapshot with default configuration and scre
       style={
         {
           "alignItems": "center",
-          "backgroundColor": "#eee",
+          "backgroundColor": "#ffffff",
+          "borderColor": "rgba(41, 35, 47, 0.13)",
           "borderRadius": 5,
+          "borderWidth": 1,
           "flex": 1,
           "opacity": 1,
           "padding": 15,
@@ -1570,7 +1586,7 @@ exports[`FeedbackWidget matches the snapshot with default configuration and scre
       <Text
         style={
           {
-            "color": "#333",
+            "color": "#2b2233",
             "fontSize": 16,
           }
         }
@@ -1660,8 +1676,12 @@ exports[`FeedbackWidget matches the snapshot with default configuration and scre
     style={
       {
         "alignItems": "center",
+        "backgroundColor": "#ffffff",
+        "borderColor": "rgba(41, 35, 47, 0.13)",
+        "borderRadius": 5,
+        "borderWidth": 1,
         "opacity": 1,
-        "paddingVertical": 15,
+        "padding": 15,
       }
     }
   >