From ebca48acf1636bad7f64bd01f419636497307fc6 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Wed, 14 Feb 2024 12:21:20 +0800
Subject: [PATCH] fix skeleton vertical position

---
 src/components/ReportHeaderSkeletonView.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/ReportHeaderSkeletonView.tsx b/src/components/ReportHeaderSkeletonView.tsx
index 109904e5b589..bc4eef675170 100644
--- a/src/components/ReportHeaderSkeletonView.tsx
+++ b/src/components/ReportHeaderSkeletonView.tsx
@@ -23,7 +23,10 @@ function ReportHeaderSkeletonView({shouldAnimate = true, onBackButtonPress = ()
     const {isSmallScreenWidth} = useWindowDimensions();
     const smallScreenHeight = styles.appContentHeader.height;
     const height = !isSmallScreenWidth ? styles.headerBarDesktopHeight.height : smallScreenHeight;
-    const heightDiff = height - smallScreenHeight;
+    const radius = 20;
+    const circleY = height / 2;
+    const circleTopY = circleY - radius;
+    const circleBottomY = circleY + radius;
 
     return (
         <View style={[styles.appContentHeader, isSmallScreenWidth && styles.pl2, styles.h100]}>
@@ -51,17 +54,17 @@ function ReportHeaderSkeletonView({shouldAnimate = true, onBackButtonPress = ()
                     <Circle
                         cx="20"
                         cy={height / 2}
-                        r="20"
+                        r={radius}
                     />
                     <Rect
                         x="55"
-                        y={24 + heightDiff / 2}
+                        y={circleTopY + 8}
                         width="30%"
                         height="8"
                     />
                     <Rect
                         x="55"
-                        y={44 + heightDiff / 2}
+                        y={circleBottomY - 12}
                         width="40%"
                         height="8"
                     />