From 3d9f22c13af8d742b26244bd4d74348d3cd1dc41 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Thu, 7 Sep 2023 11:43:14 +0100
Subject: [PATCH] Fixed table action appearing in wrong position

refs https://github.com/TryGhost/Product/issues/3823
---
 .../recommendations/RecommendationList.tsx    | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx b/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx
index b377d1bf93..b046b7e9f9 100644
--- a/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/recommendations/RecommendationList.tsx
@@ -19,19 +19,21 @@ const RecommendationItem: React.FC<{recommendation: Recommendation}> = ({recomme
     const {mutateAsync: deleteRecommendation} = useDeleteRecommendation();
 
     const action = (
-        <Button color='red' label='Remove' link onClick={() => {
-            NiceModal.show(ConfirmationModal, {
-                title: 'Remove recommendation',
-                prompt: <>
-                    <p>Your recommendation <strong>{recommendation.title}</strong> will no longer be visible to your audience.</p>
-                </>,
-                okLabel: 'Remove',
-                onOk: async (modal) => {
-                    await deleteRecommendation(recommendation);
-                    modal?.remove();
-                }
-            });
-        }} />
+        <div className="flex items-center justify-end">
+            <Button color='red' label='Remove' link onClick={() => {
+                NiceModal.show(ConfirmationModal, {
+                    title: 'Remove recommendation',
+                    prompt: <>
+                        <p>Your recommendation <strong>{recommendation.title}</strong> will no longer be visible to your audience.</p>
+                    </>,
+                    okLabel: 'Remove',
+                    onOk: async (modal) => {
+                        await deleteRecommendation(recommendation);
+                        modal?.remove();
+                    }
+                });
+            }} />
+        </div>
     );
 
     const showDetails = () => {