diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/EditedRenderer.js b/src/components/HTMLEngineProvider/HTMLRenderers/EditedRenderer.js
index 478b03b40f0d..b79ca3f54dbf 100644
--- a/src/components/HTMLEngineProvider/HTMLRenderers/EditedRenderer.js
+++ b/src/components/HTMLEngineProvider/HTMLRenderers/EditedRenderer.js
@@ -15,13 +15,14 @@ const propTypes = {
 
 const EditedRenderer = (props) => {
     const defaultRendererProps = _.omit(props, ['TDefaultRenderer', 'style', 'tnode']);
+    const isPendingDelete = Boolean(props.tnode.attributes.deleted !== undefined);
     return (
         <Text
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...defaultRendererProps}
             fontSize={variables.fontSizeSmall}
             color={themeColors.textSupporting}
-            style={[styles.alignItemsBaseline, editedLabelStyles]}
+            style={[editedLabelStyles, isPendingDelete && styles.offlineFeedback.deleted]}
         >
             {/* Native devices do not support margin between nested text */}
             <Text
diff --git a/src/pages/home/report/ReportActionItemFragment.js b/src/pages/home/report/ReportActionItemFragment.js
index e134c327df55..19fa6d6982e3 100644
--- a/src/pages/home/report/ReportActionItemFragment.js
+++ b/src/pages/home/report/ReportActionItemFragment.js
@@ -109,7 +109,7 @@ const ReportActionItemFragment = (props) => {
             // Only render HTML if we have html in the fragment
             if (!differByLineBreaksOnly) {
                 const isPendingDelete = props.pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE && props.network.isOffline;
-                const editedTag = props.fragment.isEdited ? '<edited></edited>' : '';
+                const editedTag = props.fragment.isEdited ? `<edited ${isPendingDelete ? 'deleted' : ''}></edited>` : '';
                 const htmlContent = applyStrikethrough(html + editedTag, isPendingDelete);
 
                 return <RenderHTML html={props.source === 'email' ? `<email-comment>${htmlContent}</email-comment>` : `<comment>${htmlContent}</comment>`} />;
@@ -125,7 +125,7 @@ const ReportActionItemFragment = (props) => {
                         <Text
                             fontSize={variables.fontSizeSmall}
                             color={themeColors.textSupporting}
-                            style={[styles.alignItemsBaseline, editedLabelStyles]}
+                            style={[editedLabelStyles, ...props.style]}
                         >
                             <Text
                                 selectable={false}
diff --git a/src/styles/editedLabelStyles/index.js b/src/styles/editedLabelStyles/index.js
index 172dcc152b74..cbb22221b744 100644
--- a/src/styles/editedLabelStyles/index.js
+++ b/src/styles/editedLabelStyles/index.js
@@ -1,3 +1,4 @@
 import display from '../utilities/display';
+import flex from '../utilities/flex';
 
-export default {...display.dInlineFlex};
+export default {...display.dInlineFlex, ...flex.alignItemsBaseline};