From ba71d53e82ab68eee5fba1758736e68ac54cb2ba Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Thu, 7 Sep 2023 14:22:37 +0100
Subject: [PATCH] Fixed table action not appearing on cell hover (#18014)

refs https://github.com/TryGhost/Product/issues/3823
---
 apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx b/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx
index b3655ec454..f657734a1b 100644
--- a/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx
+++ b/apps/admin-x-settings/src/admin-x-ds/global/TableRow.tsx
@@ -36,8 +36,10 @@ const TableRow: React.FC<TableRowProps> = ({id, action, hideActions, className,
         <tr className={tableRowClasses} data-testid={testId} id={id} onClick={handleClick}>
             {children}
             {action &&
-                <td className={`visible block px-6 py-3 text-center ${hideActions ? 'group-hover/table-row:visible md:invisible' : ''}`}>
-                    {action}
+                <td className={`px-6 py-3`}>
+                    <div className={`flex items-center justify-end ${hideActions ? 'invisible group-hover/table-row:visible' : ''}`}>
+                        {action}
+                    </div>
                 </td>
             }
         </tr>