Merge branch 'main' into fix/fix-post-creator-alignment

diff --combined src/shared/components/post/post-listing.tsx
index d4d26c0292ebe340b5a4e01f6c6b2ae337348bda,fd5fd29c3e2762f5ad58baa17cc1a59e580794c2..d2e3893c9380685d9eeda0592850ead802de658b
--- 1/src/shared/components/post/post-listing.tsx
--- 2/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@@ -386,10 -386,10 +386,10 @@@ export class PostListing extends Compon
              </span>
            )}
            {this.props.showCommunity && (
 -            <span>
 -              <span className="mx-1"> {i18n.t("to")} </span>
 -              <CommunityLink community={post_view.community} />
 -            </span>
 +            <>
 +              {" "}
 +              {i18n.t("to")} <CommunityLink community={post_view.community} />
 +            </>
            )}
          </li>
          {post_view.post.language_id !== 0 && (
@@@ -865,10 -865,10 +865,10 @@@
        <button
          className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
          onClick={linkEvent(this, this.handleShowReportDialog)}
-         data-tippy-content={i18n.t("show_report_dialog")}
          aria-label={i18n.t("show_report_dialog")}
        >
-         <Icon icon="flag" inline />
+         <Icon classes="mr-1" icon="flag" inline />
+         {i18n.t("create_report")}
        </button>
      );
    }
@@@ -878,10 -878,14 +878,14 @@@
        <button
          className="btn btn-link btn-sm d-flex align-items-center rounded-0 dropdown-item"
          onClick={linkEvent(this, this.handleBlockPersonClick)}
-         data-tippy-content={i18n.t("block_user")}
          aria-label={i18n.t("block_user")}
        >
-         {this.state.blockLoading ? <Spinner /> : <Icon icon="slash" inline />}
+         {this.state.blockLoading ? (
+           <Spinner />
+         ) : (
+           <Icon classes="mr-1" icon="slash" inline />
+         )}
+         {i18n.t("block_user")}
        </button>
      );
    }