From 9509af1e7fd45d559c1902adfa7c1cb88388f3c7 Mon Sep 17 00:00:00 2001
From: Dat Diep <luccymoon@gmail.com>
Date: Fri, 13 Oct 2023 12:28:34 +0700
Subject: [PATCH 1/2] Add style for IoArrowForward

Signed-off-by: Dat Diep <luccymoon@gmail.com>
---
 .../components/TracePage/TraceTimelineViewer/SpanBarRow.css   | 4 ++++
 .../components/TracePage/TraceTimelineViewer/SpanBarRow.tsx   | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
index 0fef447ef0..01d010fd9c 100644
--- a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
+++ b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
@@ -194,3 +194,7 @@ limitations under the License.
   width: 1em;
   vertical-align: middle;
 }
+
+.SpanBarRow--arrowForwardIcon {
+  vertical-align: middle;
+}
diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx
index a9cb0cd4e3..59c5adb007 100644
--- a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx
+++ b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx
@@ -152,14 +152,14 @@ export default class SpanBarRow extends React.PureComponent<SpanBarRowProps> {
                 {serviceName}{' '}
                 {rpc && (
                   <span>
-                    <IoArrowForward />{' '}
+                    <IoArrowForward className='SpanBarRow--arrowForwardIcon' />{' '}
                     <i className="SpanBarRow--rpcColorMarker" style={{ background: rpc.color }} />
                     {rpc.serviceName}
                   </span>
                 )}
                 {noInstrumentedServer && (
                   <span>
-                    <IoArrowForward />{' '}
+                    <IoArrowForward className='SpanBarRow--arrowForwardIcon' />{' '}
                     <i
                       className="SpanBarRow--rpcColorMarker"
                       style={{ background: noInstrumentedServer.color }}

From 3669ce6455a73e94edb033128f37d5a2b7d4853d Mon Sep 17 00:00:00 2001
From: Dat Diep <luccymoon@gmail.com>
Date: Fri, 13 Oct 2023 22:47:42 +0700
Subject: [PATCH 2/2] Add style for IoArrowForward

Signed-off-by: Dat Diep <luccymoon@gmail.com>
---
 .../components/TracePage/TraceTimelineViewer/SpanBarRow.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx
index 59c5adb007..310d6aec57 100644
--- a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx
+++ b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx
@@ -152,14 +152,14 @@ export default class SpanBarRow extends React.PureComponent<SpanBarRowProps> {
                 {serviceName}{' '}
                 {rpc && (
                   <span>
-                    <IoArrowForward className='SpanBarRow--arrowForwardIcon' />{' '}
+                    <IoArrowForward className="SpanBarRow--arrowForwardIcon" />{' '}
                     <i className="SpanBarRow--rpcColorMarker" style={{ background: rpc.color }} />
                     {rpc.serviceName}
                   </span>
                 )}
                 {noInstrumentedServer && (
                   <span>
-                    <IoArrowForward className='SpanBarRow--arrowForwardIcon' />{' '}
+                    <IoArrowForward className="SpanBarRow--arrowForwardIcon" />{' '}
                     <i
                       className="SpanBarRow--rpcColorMarker"
                       style={{ background: noInstrumentedServer.color }}