From 7556f46ffd7e3965a8f483fd9f0a17554c998bcb Mon Sep 17 00:00:00 2001
From: Daniil <daniil_suleiman@epam.com>
Date: Wed, 24 Feb 2021 14:03:25 +0300
Subject: [PATCH] Fix text align in Safari (#92374) (#92572)

---
 .../public/application/components/visualize_listing.scss      | 4 ++++
 .../visualize/public/application/utils/get_table_columns.tsx  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/plugins/visualize/public/application/components/visualize_listing.scss b/src/plugins/visualize/public/application/components/visualize_listing.scss
index 8eb2a8911ee02..c3b0df67e317d 100644
--- a/src/plugins/visualize/public/application/components/visualize_listing.scss
+++ b/src/plugins/visualize/public/application/components/visualize_listing.scss
@@ -16,6 +16,10 @@
   margin-left: $euiSizeS;
 }
 
+.visListingTable__titleLink {
+  text-align: left;
+}
+
 .visListingCallout {
   max-width: 1000px;
   width: 100%;
diff --git a/src/plugins/visualize/public/application/utils/get_table_columns.tsx b/src/plugins/visualize/public/application/utils/get_table_columns.tsx
index 930d3b7ce1890..ac8fee452aa6c 100644
--- a/src/plugins/visualize/public/application/utils/get_table_columns.tsx
+++ b/src/plugins/visualize/public/application/utils/get_table_columns.tsx
@@ -85,7 +85,7 @@ export const getTableColumns = (
     render: (field: string, { editApp, editUrl, title, error }: VisualizationListItem) =>
       // In case an error occurs i.e. the vis has wrong type, we render the vis but without the link
       !error ? (
-        <RedirectAppLinks application={application}>
+        <RedirectAppLinks application={application} className="visListingTable__titleLink">
           <EuiLink
             href={getVisualizeListItemLink(application, kbnUrlStateStorage, editApp, editUrl)}
             data-test-subj={`visListingTitleLink-${title.split(' ').join('-')}`}