From dc90a97c337abd3af8a3e832ca90c4dd14e2a2e5 Mon Sep 17 00:00:00 2001
From: Rajat Parashar <parasharrajat@users.noreply.github.com>
Date: Tue, 19 Oct 2021 07:49:37 +0530
Subject: [PATCH] fix: IOU quote UI

---
 src/components/ReportActionItem/IOUQuote.js | 24 ++++++++++-----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/ReportActionItem/IOUQuote.js b/src/components/ReportActionItem/IOUQuote.js
index c7e091d2dc71..436444b09913 100644
--- a/src/components/ReportActionItem/IOUQuote.js
+++ b/src/components/ReportActionItem/IOUQuote.js
@@ -33,20 +33,18 @@ const IOUQuote = ({
 }) => (
     <View style={[styles.chatItemMessage]}>
         {_.map(action.message, (fragment, index) => (
-            <View key={`iouQuote-${action.sequenceNumber}-${index}`}>
-                <View style={[styles.blockquote]}>
-                    <Text style={[styles.chatItemMessage]}>
-                        {fragment.text}
+            <View key={`iouQuote-${action.sequenceNumber}-${index}`} style={[styles.alignItemsStart, styles.blockquote]}>
+                <Text style={[styles.chatItemMessage]}>
+                    {fragment.text}
+                </Text>
+                {shouldShowViewDetailsLink && (
+                    <Text
+                        style={[styles.chatItemMessageLink, styles.alignSelfStart]}
+                        onPress={onViewDetailsPressed}
+                    >
+                        {translate('iou.viewDetails')}
                     </Text>
-                    {shouldShowViewDetailsLink && (
-                        <Text
-                            style={[styles.chatItemMessageLink]}
-                            onPress={onViewDetailsPressed}
-                        >
-                            {translate('iou.viewDetails')}
-                        </Text>
-                    )}
-                </View>
+                )}
             </View>
         ))}
     </View>