From c9fa7de467c9267eba4958074e86b4ec362be1b6 Mon Sep 17 00:00:00 2001
From: Lukas Stracke <lukas.stracke@sentry.io>
Date: Thu, 30 Nov 2023 17:59:16 +0100
Subject: [PATCH] fix(overlay): Adjust text color of span data and context
 values

---
 .../integrations/sentry/components/SpanDetails.tsx   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/overlay/src/integrations/sentry/components/SpanDetails.tsx b/packages/overlay/src/integrations/sentry/components/SpanDetails.tsx
index 5936ccf2e..09e927be2 100644
--- a/packages/overlay/src/integrations/sentry/components/SpanDetails.tsx
+++ b/packages/overlay/src/integrations/sentry/components/SpanDetails.tsx
@@ -128,8 +128,8 @@ export default function SpanDetails({
               <tbody>
                 {Object.entries(span.tags).map(([key, value]) => {
                   return (
-                    <tr key={key}>
-                      <th className="text-primary-300 w-1/12 py-0.5 pr-4 text-left font-mono font-normal">
+                    <tr key={key} className="text-primary-300">
+                      <th className=" w-1/12 py-0.5 pr-4 text-left font-mono font-normal">
                         <div className="w-full truncate">{key}</div>
                       </th>
                       <td className="py-0.5">
@@ -165,8 +165,8 @@ export default function SpanDetails({
                 ['op', span.op],
               ].map(([key, value]) => {
                 return (
-                  <tr key={key as string}>
-                    <th className="text-primary-300 w-1/12 py-0.5 pr-4 text-left font-mono font-normal">
+                  <tr key={key as string} className="text-primary-300">
+                    <th className=" w-1/12 py-0.5 pr-4 text-left font-mono font-normal">
                       <div className="w-full truncate">{key}</div>
                     </th>
                     <td className="py-0.5">
@@ -186,8 +186,8 @@ export default function SpanDetails({
               <tbody>
                 {Object.entries(span.data).map(([key, value]) => {
                   return (
-                    <tr key={key}>
-                      <th className="text-primary-300 w-1/12 py-0.5 pr-4 text-left font-mono font-normal">
+                    <tr key={key} className="text-primary-300">
+                      <th className=" w-1/12 py-0.5 pr-4 text-left font-mono font-normal">
                         <div className="w-full truncate">{key}</div>
                       </th>
                       <td className="py-0.5">