From 97f59688bee67b8e423c9064a0db6c18cf202c49 Mon Sep 17 00:00:00 2001
From: syedsaroshfarrukhdot <saudahmad186@gmail.com>
Date: Sat, 19 Nov 2022 08:09:56 +0500
Subject: [PATCH 1/3] Skelton-View-Lines-Overflow-Fix-Native

---
 src/components/ReportActionsSkeletonView/SkeletonViewLines.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
index e70fd65cae87..5f0d33dd5d14 100644
--- a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
+++ b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
@@ -4,6 +4,7 @@ import {Rect, Circle} from 'react-native-svg';
 import SkeletonViewContentLoader from 'react-content-loader/native';
 import CONST from '../../CONST';
 import themeColors from '../../styles/themes/default';
+import styles from "../../styles/styles"
 
 const propTypes = {
     /** Number of rows to show in Skeleton UI block */
@@ -15,10 +16,11 @@ const SkeletonViewLines = props => (
         height={CONST.CHAT_SKELETON_VIEW.HEIGHT_FOR_ROW_COUNT[props.numberOfRows]}
         backgroundColor={themeColors.highlightBG}
         foregroundColor={themeColors.border}
+        style={styles.mr5}
     >
         <Circle cx="40" cy="26" r="20" />
         <Rect x="67" y="11" width="20%" height="8" />
-        <Rect x="67" y="31" width="90%" height="8" />
+        <Rect x="67" y="31" width="100%" height="8" />
         {props.numberOfRows > 1 && <Rect x="67" y="51" width="50%" height="8" />}
         {props.numberOfRows > 2 && <Rect x="67" y="71" width="50%" height="8" />}
     </SkeletonViewContentLoader>

From 52362f2ad2bda5e9cc295c17c645ace003d79d58 Mon Sep 17 00:00:00 2001
From: syedsaroshfarrukhdot <saudahmad186@gmail.com>
Date: Sat, 19 Nov 2022 08:39:15 +0500
Subject: [PATCH 2/3] Lint-Error-Fix

---
 src/components/ReportActionsSkeletonView/SkeletonViewLines.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
index 5f0d33dd5d14..51724378d2a8 100644
--- a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
+++ b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
@@ -4,7 +4,7 @@ import {Rect, Circle} from 'react-native-svg';
 import SkeletonViewContentLoader from 'react-content-loader/native';
 import CONST from '../../CONST';
 import themeColors from '../../styles/themes/default';
-import styles from "../../styles/styles"
+import styles from '../../styles/styles'
 
 const propTypes = {
     /** Number of rows to show in Skeleton UI block */

From 0606ae01e7aebe5aa1cca50b63d5e5c7fa87cb05 Mon Sep 17 00:00:00 2001
From: syedsaroshfarrukhdot <saudahmad186@gmail.com>
Date: Sat, 19 Nov 2022 08:39:47 +0500
Subject: [PATCH 3/3] Lint-Error-Fix

---
 src/components/ReportActionsSkeletonView/SkeletonViewLines.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
index 51724378d2a8..5187592a57fb 100644
--- a/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
+++ b/src/components/ReportActionsSkeletonView/SkeletonViewLines.js
@@ -4,7 +4,7 @@ import {Rect, Circle} from 'react-native-svg';
 import SkeletonViewContentLoader from 'react-content-loader/native';
 import CONST from '../../CONST';
 import themeColors from '../../styles/themes/default';
-import styles from '../../styles/styles'
+import styles from '../../styles/styles';
 
 const propTypes = {
     /** Number of rows to show in Skeleton UI block */