Merge pull request #12877 from syedsaroshfarrukhdot/Skeleton-View-Lin…

…es-Overflow-Fix-Native Skelton-View-Lines-Overflow-Fix-Native
Expensify · Nov 22, 2022 · 02fa245 · 02fa245
2 parents 00d7c61 + 0606ae0
commit 02fa245
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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>