From be3d146a7c41a1bcf68d15ed11e78c3bd4ebe3b1 Mon Sep 17 00:00:00 2001
From: astone123 <adams@cypress.io>
Date: Tue, 30 May 2023 21:55:39 -0700
Subject: [PATCH 1/3] chore: fix background color styling in debug results
 component

---
 packages/app/src/debug/DebugResults.vue                  | 2 +-
 packages/frontend-shared/src/components/ResultCounts.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/debug/DebugResults.vue b/packages/app/src/debug/DebugResults.vue
index 8a2998d82d6d..0d4b2ea042c3 100644
--- a/packages/app/src/debug/DebugResults.vue
+++ b/packages/app/src/debug/DebugResults.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex gap-[8px] items-center"
+    class="flex gap-[8px] items-center bg-transparent"
     data-cy="debug-results-holder"
   >
     <ResultCounts
diff --git a/packages/frontend-shared/src/components/ResultCounts.vue b/packages/frontend-shared/src/components/ResultCounts.vue
index f653755f2a0e..4779af03272c 100644
--- a/packages/frontend-shared/src/components/ResultCounts.vue
+++ b/packages/frontend-shared/src/components/ResultCounts.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="border rounded flex border-gray-200 h-6 text-gray-700 text-[14px] leading-[20px]">
+  <div class="bg-white border rounded flex border-gray-200 h-6 text-gray-700 text-[14px] leading-[20px]">
     <div
       v-for="(result, i) in results"
       :key="i"

From 533bac4ab80f94b8efd700db5e575aea6ac45e52 Mon Sep 17 00:00:00 2001
From: astone123 <adams@cypress.io>
Date: Wed, 31 May 2023 09:15:40 -0700
Subject: [PATCH 2/3] remove white background

---
 packages/app/src/debug/DebugResults.vue          | 2 +-
 packages/app/src/debug/DebugRunNavigationRow.vue | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/app/src/debug/DebugResults.vue b/packages/app/src/debug/DebugResults.vue
index 0d4b2ea042c3..8a2998d82d6d 100644
--- a/packages/app/src/debug/DebugResults.vue
+++ b/packages/app/src/debug/DebugResults.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex gap-[8px] items-center bg-transparent"
+    class="flex gap-[8px] items-center"
     data-cy="debug-results-holder"
   >
     <ResultCounts
diff --git a/packages/app/src/debug/DebugRunNavigationRow.vue b/packages/app/src/debug/DebugRunNavigationRow.vue
index 9f3af2051679..aa8e5490527f 100644
--- a/packages/app/src/debug/DebugRunNavigationRow.vue
+++ b/packages/app/src/debug/DebugRunNavigationRow.vue
@@ -29,7 +29,6 @@
           <DebugResults
             v-if="props.gql"
             :gql="props.gql"
-            class="bg-white"
           />
           <Dot />
           <LightText class="truncate">

From 264419981c31f7330facc9941b1c6968f6499cee Mon Sep 17 00:00:00 2001
From: astone123 <adams@cypress.io>
Date: Wed, 31 May 2023 10:05:22 -0700
Subject: [PATCH 3/3] add back transparent background

---
 packages/app/src/debug/DebugResults.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/app/src/debug/DebugResults.vue b/packages/app/src/debug/DebugResults.vue
index 8a2998d82d6d..0d4b2ea042c3 100644
--- a/packages/app/src/debug/DebugResults.vue
+++ b/packages/app/src/debug/DebugResults.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex gap-[8px] items-center"
+    class="flex gap-[8px] items-center bg-transparent"
     data-cy="debug-results-holder"
   >
     <ResultCounts